HTML - 表单（form） -

1、placeholder 占位符

<input type="text" name="" placeholder="请输入您的用户名">

2、autofocus 自动获取焦点

<input type="text" name="名称" placeholder="请输入您的用户名" autofocus>

3、required 必填项

必填项：在提交时会进行验证

<input type="text" placeholder="请输入您的用户名"  required>

---

---

1.单行文本框（input 的type 属性的默认值就是”text”）

可以设置value属性，改变按钮的提示文字

<input type="text" name="名称" value="文本框内文字">
<input type="text" name="" placeholder="请输入您的用户名">

2.密码框　

<input type=“password” name=“名称”/>

3.单选按钮

    男<input type="radio" name="sex">
    女<input type="radio" name="sex">

4.复选框

    香蕉<input type="checkbox" name="">
    苹果<input type="checkbox" name="">
    大鸭梨<input type="checkbox" name="">

5.下拉框< select >标签

    <select class="" name="">
        <option value="">北京</option>
        <option value="">上海</option>
        <option value="">深圳</option>
    </select>

6.textarea文本域

<textarea name="name" rows="3" cols="20">请填写个人信息</textarea>

7.按钮

<input type="button" value="普通按钮button">
<input type="submit" value="提交按钮submit">
<input type="reset" value="重置按钮reset">

8.新表单元素

电话：tel
<input type="tel" name="dianhua">

搜索框：search
<input type="search" name="sousuokuang">

网址：url
<input type="url" name="gerenwangzhi">

电子邮箱：email
<input type="email" required>

数字：number，两个属性min,max
<input type="number" min="1" max="200">