表单的应用

表单的应用

隐藏域 hidden 隐藏文本框 但是值还在

只读 readonly 不能进行框内文字编辑

禁用 disable 无法更改，选中

增强鼠标可用性label

<p>搜索
    <input type="search"name="search"id="mark">
</p>
<p>
    <label for="mark">点我试试</label>
</p>

for后面写标签 寻找id后面相同的标签 点击后自动跳转到id的位置

表单的初级验证

为什么需要在前端进行表单验证

安全

减轻服务器压力

placeholder

文本框内提示信息 请输入用户名 只能用在输入框中

<p>密码<input type="password" name = "psd"placeholder="请输入密码"> </p>

required

非空判断 用在文本框中 如果不填则无法提交

<input type="number"name="num"max="99"min="1"step="1"required>

pattern

正则表达式验证

<p>邮箱：
        <input type="text"name="email"pattern="    /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/
/^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/">

思维导图 processon