HTML 表单简介

表单

一、<form> 标签

定义：<form> 标签用于为用户输入创建 HTML 表单。

二、<label> 标签

定义：控件的文字说明，行内标签。

小贴士：点击控件的文字说明时，input 框也会被选中。

               1. <input> 标签放入<label>标签中。

               2. <input> 标签加一个 id 属性与 <label> 标签中加一个 for 属性，这两个的属性值相等。

三、<input> 标签

定义：接收用户输入，行内标签，单标签。

1. placeholder 属性：用于输入框内显示提示文字。

2.type 属性：

    1）text —— 文本输入框，默认值。

    2）password —— 密码输入框。

    3）number —— 数字输入框，可配合 value 属性显示默认值。

    4）file —— 文件选择框，用于文件上传。

    5）date —— 输入日期选择框。

    6）radio —— 单选框（name 值一致为同类，保持互斥关系）

    7）checkbox —— 复选框。

    8）search —— 搜索框。

    9）tel —— 电话号码输入框。

    10）url —— 网址输入框。

    11）email —— 电子邮件输入框。

    12）month —— 年、月输入框。

    13）time —— 时、分输入框。

    14）range —— 一个滑块。

    15）color —— 颜色选择。

四、<textarea> 标签

    <textarea> 标签：多行文本框，块级标签。

五、<select> 标签与 <option> 标签

    <select> 标签：下拉选择框。

    <option> 标签：生成下拉菜单。（value 属性为提交到服务器的值，selected 属性是否为默认值。）

六、<button> 标签

<button> 标签：按钮标签。

        type 属性值：

        1）submit 点击后将数据提交到服务器。

        2）button 设置为普通按钮。

七、<meter> 标签

    <meter> 标签：定义度量衡。像游戏里的血条！