Validación de formularios básicos de HTML5 y cuadro desplegable

1. Formulario

<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. Cuadro desplegable :

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

3. Campo de texto de varias líneas :

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

4. Botón de imagen :

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

5. Lista de datos :

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

6. Botón de reinicio :

<input type=”reset”>

</form>

7. Verificación del formulario :

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

8. Cancelar la verificación (inicio de sesión obligatorio):

<input type=”submit” value=”提交” formnovalidate>
32 artículos originales publicados · Me gusta 96 · Visitas 1583

Supongo que te gusta

Origin blog.csdn.net/qq_44534541/article/details/105519056
Recomendado
Clasificación