HTML5 basics-form validation and drop-down box

1. Form

<form action=”表单的提交页面” method=”表单提交方式get(公开)/post(保密)”>
文本框:<input type=”text” value=”默认值” /> 
密码框:<input type=”password” value=”默认值” /> 
普通按钮:<input type=”button” value=”按钮的名字” />
提交按钮:<input type=”submit” value=”按钮的名字”> 
单选框:<label><input type=”radio” name=”组名” value=”传给后台的值” checked=”checked”/></label>
复选框:<label><input type=”checkbox” checked=”checked” name=”组名” value=”传给后台的值” /></label>

2. Drop-down box :

<select name=”名字”>
<option value=”传给后台的值”>2000</option>
......
</select>

3. Multi-line text field :

<textarea cols=”宽度” rows=”高度”>内容</textarea>

4. Picture button :

<input type=”image” src=”图片的路径” alt=”加载不出的显示”/>

5. Data list :

<input type=”url/text/email” list=”数据列表的id名” name=””>
<datalist id=”数据列表的id名”>
<option label=”显示的数据” value=”真实选中的内容” ></option>
.....
</datalist>

6. Reset button :

<input type=”reset”>

</form>

7. Form verification :

不能为空的验证:required
匹配类型验证:
匹配url:<input type=”url”>
匹配email:<input type=”email”>
控制字符数量:
最大值:maxlength=”最大值”
最小值:minlength=”最小值”
控制验证输入的范围(针对的是数字number或者日期date):
最小:min=”最小值”
最大:max=”最大值”
倍数:step=”倍数”

8. Cancel verification (mandatory login):

<input type=”submit” value=”提交” formnovalidate>
Published 32 original articles · Likes 96 · Visits 1583

Guess you like

Origin blog.csdn.net/qq_44534541/article/details/105519056