标签：字段 检验 att post 只读 输入 滑动条 submit 搜索
定义表单
<form action="url"
method="get/post" name=" " autocomplete="off/on"></form>
（url指向PHP,ASP,JSP等后台数据处理程序页面）
<form action="mailto:xxx@163.com" method="get/post"></form>
（get方法只接受低于1k的信息；post方法允许传送大量信息；搜索引擎用的是get，申请表单用的是post）
l 当表单中有上传控件时，表单的发送方式必须为post，需要规定表单在发送数据之前如何对数据进行编码的：
<form method="post" enctype="multipart/form-data"></form>
① 文本输入框
<form><input type=" " name=" " value=" " /> <input />……</form>
<input type=" " />
type类型：
text：文本；password：密码；checkbox：复选框；radio：单选钮；submit：提交按钮；
reset：重设按钮；image：图形钮；hidden：隐藏栏位；button：自定义按钮；
HTML5新增类型：
email：邮件；url：网址；number：数值（带值微调控件）；range：数值（带滑动条控件）；
search：搜索框；时间日期点选式输入：date：日、月、年；
month：月、年；
week：周、年；
time：小时、分钟；
datetime：时间、日、月、年（UTC时间）；
datetime-local：时间、日、月、年（本地时间）；
元素名称：<input name="名称" /> （若type为submit/reset则name不必设定）
元素的值：<input value="值" />
预设提示输入字段：<input placeholder="预设字串" />
输入字段的宽度：<input size="#" /> （字元为单位）
限定最长字符数：<input maxlength="#" />（字元为单位）
是否使用输入字段的自动完成功能：<input autocomplete="on/off" />
规定输入字段的模式或格式：
必须以字母开头，包含字符或数字和下划线，长度6~8：
<input pattern="^[a-zA-Z]\w{5,7}$" />
必须是0~9之间的数字：<input pattern="[0-9]" />
单选钮：<input type="radio" name=" " value=" " />
一组类型的单选钮名称（name）应相同，值（value）不同；
复选框：<input type="checkbox" name="名称[ ]" value=" " />
一组类型的复选框名称应命名成数组形式：名称[ ]、名称[数字]、名称[字符串]
选择浏览文件框：
<input type="file" name=" " value=" " accept="规定提交文件的类型" />
以提交按钮形式显示的图像：<input type="image" src="url" width="px/%" height="px/%" />
以隐藏域形式传参：<input type="hidden" name=" " value=" " />
规定输入的最小值到最大值范围：<input max="#" min="#" />
规定输入数字的间隔数：<input step="#" /> 适用于number类型
<input type="number" min="1" max="10" step="1" value="2" />
单属性（无需对应值）：
checked：默认被选中，适用于checkbox/radio类型
autofocus：默认获得输入焦点
disabled：禁用，只显示默认值
readonly：只读
require：指示输入字段的值是必须的，以检验输入内容不可为空
multiple：可选择多个值，适用于email/file类型
② 选择式表单
<form><select name=" "><option value=" ">...</option></select></form>
<select>属性
下拉式选单名称(整个控件名)： <select name=" "></select>
可多选式下拉框：
<select name="名称[ ]" multiple></select>
一组类型的多选式下拉框应命名成数组形式
选单项目数量： <select size="个数"></select> (用于指定在列表框中一次可看到的选项数目）
分组式下拉框：
<select name=" ">
<optgroup label="组名1">
<option></option>
<option></option>
</optgroup>
<optgroup label="组名2"><option></option></optgroup>
</select>
<option>属性
定义选项传回服务器的参数值： <option value="传回值">
设置为预选中： <option selected>
③ 文本域
<form><textarea name=" " cols=" " rows=" ">……</textarea></form>
textarea的属性包括：
name=" " ：名称
cols="列数" ：宽度
rows="行数" ：高度
maxlength="#" ：最大字符数
placeholder=" " ：默认提示文本
readonly ：只读
disabled ：禁用
required ：必填，不可为空
wrap="soft/hard" ：表单提交时文本域中的文本换行方式
soft：表单提交时，textarea中的文本不换行
hard：表单提交时，textarea中的文本根据cols的值进行换行
④ 组合式表单
<form>
<fieldset name=" " width=" " height=" ">
<legend>标题</legend>
<input />
<select><option></option></select>
<hr />
<textarea></textarea>
</fieldset>
</form>
表单相关（form、input、button、select、<optgroup、textarea、fieldset）
标签：字段 检验 att post 只读 输入 滑动条 submit 搜索
原文地址：https://www.cnblogs.com/zhouwanqiu/p/8867255.html
