HTML表单

2019-04-10

语法格式

<form action="表单提交地址" method="提交方法">
​        表单域
</form>

action属性：设置表单的提交地址
method属性：设置表单的提交方式，包括get方式(默认)和post方式。
​ get方式用于传递非保密数据；post方式用于传递保密数据。

常用表单元素

单行文本输入框

< input type =" text" />

属性	描述
name	名称用于服务器端获取数据
id	ID值 在本页面中要保证唯一
value	设置初始值即浏览器被打开时在文本框中显示的内容
size	指定文本框的宽度即该文本框所能显示的最大字符数。
maxlength	指定该文本框允许用户输入的最大字符数。

密码输入框

< input type =" text" />

命令按钮

<input  type= "按钮类型"  value="按钮文字"  src="图片url">

按钮类型	说明
button	普通按钮
submit	提交按钮
reset	重置（清空）按钮
image	图片按钮,功能与submit按钮相同

属性 disabled 禁用

隐藏域

<input type="hidden" name="名称" value="值" />

复选框

<input type="checkbox" name="名称" value="值" />

属性 checked 默认选中

单选按钮

<input type="radio" name="名称" value="值" />

同一组单选按钮的name要相同

文件上传

<input type="file" name="名称" />

多行输入框

<textarea cols ="列宽(字节数)" rows="行宽(字节数)" >
       默认文本内容 
</textarea>

属性 readonly 只读

列表框

<select >
      <option value="选项值">选项文本</option>
      <option value="选项值">选项文本</option>
 </select>

select属性： multiple 多选

option属性： selected 选中项

表单分组

<fieldset >
    <legend>分组名称</legend>
    表单元素
</fieldset>