HTML初学者笔记2

1.input标签

input标签是form标签下的一个元素，用来声明允许用户输入数据的input控制

输入字段可由type属性改变

input标签type取值
text	定义文本框（默认）
password	定义密码框
checkbox	多选框
button	定义按钮（通常与javaScript一起驱动脚本）
color	定义颜色
time	定义时间可控制
date	定义日期选项
datetime	定义基于时区的可控制date和time部分
datetime	定义无时区可控制date和time部分
email	定义Email框
file	定义文件上传，上传文件（域）
hidden	定义隐藏域
image	定义图像做提交按钮
month	定义month和year控制
number	定义数字输入框
radio	定义单选按钮	在多个此type属性后加上name=“gender”可使多个只能同时选取一个
range	定义用于精确不重要的输入数字控制
reset	定义重制按钮
search	定义输入搜索字符串的文本框
submit	定义提交按钮
tel	定义用于输入电话号码框
url	定义用于输入url的字段

<p>用户名<input type="text" readonly disabled></p>
         <p> 密码<input type="password" autofocus required></p>
         <p> 邮箱<input type="email"></p>
         <p> <input type="submit">
         <input type="radio" name="gender" checked>男
         <input type="radio" name="gender">女
         <input type="checkbox">1
         <input type="checkbox">2
         </p>
         <input type="submit" value="上传">
         <input type="reset" value="复位">
         <input type="button" value="按钮">

type属性后接的特殊效果
autofocus	设置默认光标位置
disabled	设置该字段不可选取
readonly	设置该字段只能读不能更改
required	设置提示该字段不能为空

2.select标签

select标签为下拉列表框标签通常会在该标签下加子标签opting形成多个下拉选项

select标签及potion标签的效果属性
selected	设置默认显示属性
multiple	设置在select里面可以设置多选
size	取值大于一为滚动选项框

 <p> <select>
             <option selected>一</optiton>
             <option>二</optiton>
             <option>三</optiton>
             <option>四 </optiton>
             <option>五</optiton>
            </select></p>
        <p>

3.textarea标签

textarea标签为文本域标签

可以通过cols和rows来设置尺寸大小

<p>
            <textarea cols="15" rows="7">
                fasihfjkfhasfhlfhkjafafjksahfgsa
            </textarea>
        </p>