前端1：HTML5基础知识

属性值	描述
button	定义可点击按钮（多数情况下，用于通过JavaScript启动脚本）。
checkbox	定义复选框。
file	定义输入字段和“浏览”按钮，供文件上传。
hidden	定义隐藏的输入字段。
image	定义图像形式的提交按钮。
password	定义密码字段。该字段中的字符被掩码。
radio	定义单选按钮。
reset	定义重置按钮。重置按钮会清除表单中的所有数据。
submit	定义提交按钮。提交按钮会把表单数据发送到服务器。
text	定义单行的输入字段，用户可在其中输入文本。默认宽度为20个字符。

5.3.3 input中的其他属性

除type属性外，<input>标签还有其他很多属性，其常用属性如下：

属性	属性值	描述
name	由用户自定义	定义input元素的名称。
value	由用户自定义	规定input元素的值。
checked	checked	规定此input元素首次加载时应当被选中。
maxlength	正整数	规定输入字段中的字符的最大长度。

name和value是每个表单元素都有的属性值主要给后台人员使用
name表单元素的名字，要求单选按钮和复选框要有相同的name值
checked属性主要针对于单选按钮和复选框，主要作用一打开页面，就要可以默认选中某个表单元素。
maxlength是用户可以在表单元素输入的最大字符数，一般较少使用

1：有些表单元素想刚打开页面就默认显示几个文字怎么做？
答：可以给这些表单元素设置value属性=“值”
用户名：<input type="text" value="请输入用户名"/>

2：页面中的表单元素很多，如何区别不同的表单元素？
答：name属性：当前input表单的名字，后台可以通过这个name属性找到这个表单。页面中的表单很多，
name的主要作用就是用于区别不同的表单。
用户名：<inputtype="text"value="请输入用户名"name="username"/>
name属性后面的值，是自定义的
●radio（或者checkbox）如果是一组，我们必须给他们命名相同的名字
<input type="radio" name="sex" />男
<input type="radio" name="sex" />女

3：如果页面一打开就让某个单选按钮或者复选框是选中状态？
答：checked属性：表示默认选中状态。用于单选按钮和复选按钮。
性别:
<input type="radio"name="sex" value="男"checked="checked" />男
<input type="radio"name="sex" value="女" />女

4：如何让input表单元素展示不同的形态？比如单选按钮或者文本框
答：type属性：type属性可以让input表单元素设置不同的形态.
<input type="radio" name="sex" value="男" checked="checked" />男
<input type="text"value="请输入用户名">

5.3.4 label标签

<label>标签为input元素定义标注（标签）。
<label>标签用于绑定一个表单元素，当点击<label>标签内的文本时，浏览器就会自动将焦点（光标）转到或者选择对应的表单元素上，用来增加用户体验。
语法：

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

核心：<label>标签的for属性应当与相关元素的id属性相同。

5.3.5 select表单元素

使用场景：在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用<select>标签控件定义下拉列表。

语法：

<select>
        <option>选项1</option>
        <option>选项2</option>
        <option>选项3</option>
</select>

<select>中至少包含一对<option>。
在<option>中定义selected="selected"时，当前项即为默认选中项。

5.3.6 textarea表单元素

使用场景：当用户输入内容较多的情况下，我们就不能使用文本框表单了，此时我们可以使用<textarea>标签。
在表单元素中，<textarea>标签是用于定义多行文本输入的控件。
使用多行文本输入控件，可以输入更多的文字，该控件常见于留言板，评论。

语法：

<textarea rows="3" cols="20">
文本内容
</textarea>

1.通过<textarea>标签可以轻松地创建多行文本输入框。
2.cols=“每行中的字符数”，rows=“显示的行数”，我们在实际开发中不会使用，都是用CSS来改变大小。

5.3.7 总结

1.表单元素我们学习了三大组input输入表单元素select下拉表单元素textarea文本域表单元素
2.这三组表单元素都应该包含在form表单域里面，并且有name属性.

<form>
                <input type=“text" name=“username”>
                <select name="jiguan”>
                        <option>北京</option>
                </select>
                <textarea name="message"></textarea>
</form>

六、超链接标签

在HTML标签中，<a>标签用于定义超链接，作用是从一个页面链接到另一个页面。

链接的语法格式
链接的分类

6.1 链接的语法格式

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
两个属性的作用如下：

属性	作用
href	用于指定链接目标的url地址，（必须属性）当为标签应用href属性时，它就具有了超链接的功能
target	用于指定链接页面的打开方式，其中_self为默认值，_blank为在新窗口中打开方式