表单及相关的标签

Posted 2020-09-30

表单是一个很常用的标签，在如今个个网站都采用游客使用和注册客户使用的情况下，注册登录表单是网页中十分常见的一部分了。

 

表单标签： <form></form>

　　常用属性：  action 属性值是表单提交数据的去向。

　　　　　　　　method 表单数据的提交方式，通常有get和post两种，前者有限制性且显示在url中不安全，后者则不存在这亮点问题。

　　　　　　　　enctype 当表单中有文件域是必须有此标签，属性值可填multipart。

表单控件标签：<input></input>

　　常用属性：

　　　　　　　　type：表示你所要输入的数据是什么类型的。如：text 是文本，submit 是提交，password 是密码域，radio 是单选框，checkbox 　　　　　　　　　　  是复选框，button 是普通按钮，reset 是重置按钮，hidden 是隐藏域，image 是图片提交按钮且　　　　　　　　　　　　　　　　　　　　　　必须用src添加图片路径，file 是文件域。

　　　　　　　　name：必须有不然数据无法提交。

　　　　　　　　value：默认值，提示信息，传递值的作用。

　　　　　　　　readonly：文本区只读。

　　　　　　　　disabled：禁用。

 

表单控件标签：<select></select>

　　常用属性：

　　　　　　　　selected：定义选中项。

　　　　　　　　disabled：禁用。

　　　　　　　　size：显示几个下拉选项。　

下拉项标签：<option></option>

　　常用属性：

　　　　　　　　value：提交的值，若没有则提交内容。

　　　　　　　　selected：定义选中项。

　　　　　　　　disabled：选项禁止。

多行文本域标签：<textarea></textarea>

　　常用属性：

　　　　　　　　name：传地址，必需写。

　　　　　　　　cols：可见宽度（列数）

　　　　　　　　rows：可见行数（行数）

　　　　　　　　readonly：文本区域只读。

　　　　　　　　disabled：禁止。

备注：

　　（1）action 和 method 是表单标签中的必需属性。

　　（2）多个单选框存在时要设置相同的name属性值，这样才会然多个单选框只能被选中一个。