表单初级验证 

## 表单初级验证

-  思考?为什么要进行表单验证
- 常用方式
  - palceholder 提示信息
  - required 非空判断
  - pattern 正则表达式
注册

账户:

密码:

男. 女

爱好

睡觉 敲代码 聊天 游戏

下拉框 

</p>
<p>
    <label for="123">你点我试试</label>
    <input type="text" >
</p>

<p>文本域
    <textarea name="textarea" cols="30" rows="10"></textarea>
</p>

<p>文件
    <input type="file" name="files">
    <input type="button" value="上传" name="upload">
</p>
<p>邮箱
    <input type="email" name="email" >
</p>
<p>url
    <input type="url" name="url">

</p>
<p>number
    <input type="number" name="number" max="100" min="10" step="1">
</p>

<p>滑块
    <input type="range" name="range" max="100" min="0" step="7">
</p>
<p>搜索
    <input type="search" name="search">
</p>
<p>正则表达式
    <input type="text" name="diymail" pattern="email.matches("^[a-z0-9A-Z]+[- | a-z0-9A-Z . _]+@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\\.)+[a-z]{2,}$")">
</p>

``` ```
posted @ 2021-11-05 17:55  πππ·  阅读(26)  评论(0)    收藏  举报