HTML知识点总结（完）

一、表单

1.input基本属性

（1）基本格式

<input type="" name="" value="" placeholder="">

（2）属性
  
  ①type  类型

• type="text"  文本框
• type="password"  密码框
• type="radio"   单选框   name值必须保持一致
• type="checkbox"  复选框
• type="submit"     提交按钮
• type="reset"     重置按钮
• type="button"   普通按钮
• type="file"   文件上传按钮
• type="hidden" 隐藏域 用来发送或收集不可见信息，对于网页访问者来说，是看不到隐藏域的

②name   名字  给标签起的名字
③value   值   输入的值
④placeholder  输入域的提醒文本

注:  type="file"   文件上传按钮 需要上传多个文件时，添加一个multiple或multiple="multiple"属性。

<input type="file" name="" multiple="multiple">

2.单选框与复选框

默认被选中 checked 或 checked="checked

<input type="checkbox"  name="yyqx"  checked>易烊千玺

点击文字能把单选框或复选框选中：
  1）用label双标记标签把单选框/复选框与文字一起包起来

    <label>
          <input type="checkbox" name="yyqx">易烊千玺
    </label>

    2）用label标签只包裹文字，label上的for的值与单选框/复选框上的id的值保持一致
 

  <input type="radio" name="gender" id="male">
             <label for="male">男</label>

3.文本域

    多行文本框：一般用于输入较长的文本内容，支持换行。

                         cols：列

                         rows：行

cols和rows共同定义文本框初始值大小。

width和height也可以定义文本框的大小。

注：文本框可以自行定义大小，若需要设定一个不可更改的大小，可以加一个resize：none的样式。

<textarea name="" cols="" rows="" style="resize:none" placeholder="">
</textarea>

4.下拉选框
   选项默认被选中，给option增加selected或selected="selected"，表示下拉选框的选项被选中。

   需要同时选中多个选项时，可以添加一个multiple或multiple="multiple"属性。

<select>
    <option>选项1</option>
    <option selected>选项2</option>
    ....
</select>

注：<option>中的value值最好不要为空，可以删掉不写

5.按钮

在type中定义按钮类型，赋予其各类型按钮的功能，若不添加，则默认为无任何功能的普通按钮。

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

二、总结

html标签已经学完了，可以分为：块元素、行内元素（内联元素）、行内块元素（内联块元素）

块元素：
p,h1,h2,h3,h4,h5,h6,ul,ol,div,hr,form

行内元素（内联元素）
b,strong,i,em,sup,sub,span,a,label,small

行内块元素（内联块元素）
img,iframe,input，textarea，select，button