xhtml入门视频教程-表单制作

作者:divcss教程吧      点击次数:806次     发布日期:2015-06-02

xhtml入门视频教程-表单制作

表单是提供让用户在网页上输入,勾选和选取数据,以便提交给服务器数据库的工具。
表单的功能结构:
主标记结构:<form>…</ form >
属性 值 说明
name 字符串 给这个表单起个名字
method  (get利用地址栏传值/post) 表单的传输方式
action  url 传输目标
文本栏、密码栏、隐藏栏
文本栏:<input type=”text” name=”栏位名称” value=”栏位内定值” size=”栏位显示宽度” maxlength=”栏位数据输入最大长度” readonly=”readonly”>
ID是为以后CSS添加方便。而NAME是为了中间程序调用。在表单中value代表某个标签的值例如:<input type="text" name="ID" value="用户名" />  
readonly 属性规定输入字段为只读。
只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本。
密码栏:<input type=”password”name=”栏位名称” value=”栏位内定值” size=”栏位显示宽度” maxlength=”栏位数据输入最大长度” readonly=”readonly”>
隐藏性栏位:<input type=”hidden” name=”栏位名称”value=”栏位值”>

复选栏、单选栏
多重 勾 选 栏 位 : <input type=”checkbox” name=” 栏位 名 称 ” value=” 内定值” checked=”checked”disabled=”disabled”>
单 选 栏 位 :<input type=”radio” name=” 栏 位 名 称 ” value=” 内 定 值 “checked=”checked” disabled=”disabled”>
<select name=”栏位名称”size=”数字” >
<option value=”选项值”selected=”selected”>…
分组<optgroup label="分组名称"></optgroup>
允许多选multiple  <select multiple="multiple" size="2">


按钮
文字区块的设置:<textarea cols=”设置长度” rows=”设置宽度”>
………
</textarea>
按钮设置:<input type=”submit” value=”按钮中显示的文字”>
<input type=”reset” value=”按钮中显示的文字”>

分享DIVCSS8