HTML5基本フォームの検証とドロップダウンボックス

1.フォーム

<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.ドロップダウンボックス

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

3.複数行のテキストフィールド

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

4.画像ボタン

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

5.データリスト

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

6.リセットボタン

<input type=”reset”>

</form>

7.フォームの確認

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

8.確認をキャンセルします(必須のログイン):

<input type=”submit” value=”提交” formnovalidate>
元の記事を32件公開しました ・いい ね96 訪問1583

おすすめ

転載: blog.csdn.net/qq_44534541/article/details/105519056