7.26知识点总结

一、表单新增知识点

1.单选框

<input type=”radio“ name=”sex“>

2.复选框

<input type=”checkbox“>

3.上传文件（可选择多个文件）

<input type=”file“ multiple=”multiple“>

4.下拉选择

                       <select>

                               <option>北</option>

                               <option>上</option>

                               <option>广</option>

                        </select>

5.文本域，文本信息输入框，带滚轮

<textarea name=”“ id=”“ cols="30" rows="5"></textarea>

二、新增form的type属性

1.邮件

<input type="email">

2.数字

<input type="number" min=”0“ max=”21“ step=”2“>

3.颜色

<input type="color">

4.范围

<input type="range">

5.网址

<input type="url">

6.搜索框

<input type="search">

7.<input type="date">

8.<input type="month">

9.<input type="week">

10.<input type="time">

11.<input type="datetime-local">

12.<input type="datetime">

   <input type="submit">

三、新增form属性

<form>

         文本框<input type="text" required=”required“><br>（required会提示验证输入不能为空）

         邮件<input type="emil" autofocus><br>（autofocus在打开页面时会自动获得焦点，一个页面只能有一个）

         文本框<input type="text" maxlength=”10“><br>

         <input type="submit"> 

</form>

<form>

          <input type="emil"  name=”emil1"  autocomplete=”on“><br>

          <input type="emil"  name=”emil2"  autocomplete=”off“><br>

          <input type="submit">

</form>

四、补充

1.form表单中按钮加边框后，不可点击

2.text1:focus{}（input框获取焦点之后显示的样式）

3.appearance：none；(清除单选框/复选框/下拉表单样式)