form表单知识点

form表单 

定义：<form>标签用于为用户输入创建 HTML 表单。表单用于像服务器传输数据

注意: form是块级元素，其前后会产生折行

action

URL

规定当提交表单时向何处发送表单数据。

autocomplete

on off

规定是否启用表单的自动完成功能。

method

get post

规定用于发送 form-data 的 HTTP 方法。

定义和用法

method 属性规定如何发送表单数据（表单数据发送到 action 属性所规定的页面）。

表单数据可以作为 URL 变量（method="get"）或者 HTTP post （method="post"）的方式来发送。

<form target="value">

值	描述
_blank	在新窗口中打开。
_self	默认。在相同的框架中打开。
_parent	在父框架集中打开。
_top	在整个窗口中打开。
framename	在指定的框架中打开。

<input  type="">     标签
    
        type="submit"--------提交按钮
        type="radio"--------单选按钮
        type="checkbox"--------多选按钮
        type="button"--------普通按钮
        type="reset"-----------重置按钮
        type="flie"--------文件按钮
        type="email" placehorder=“请输入邮箱”--------邮箱框
            <input type="email" name="name" placeholder=“请输入邮箱”>
            <input type="number" max="10" min="1">
            <input type="rcolo" >
            <input type="date" >                  本地日期
            <input type="datetime-local" >           本地日期时间
            <input type="time" >         
            <input type="range">

 其他属性
        name    ------元素名称
        value    -------元素值
        id        --------唯一标识符
        size    --------以字符的个数设定元素的宽度
        maxlength--------元素接受字符的上限
        checked  --------元素是否被选中

        readonly---------字段只读 ，不能修改
        disabled --------禁用input元素，被禁用的input是不可用的，也不可点击，但是有显示
        required   ---------提交信息为空时，会有相关提示
        autofocus  --------- 聚焦 

定义和用法 <label>

<label> 标签为 input 元素定义标注（标记）。

通意：为加标签而加标签

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。select标签
            1.与option连用表示下拉框，进行选择

        <p>
            <select>
                <option>北京</option>
                <option selected="selected"/*默认属性*/>上海</option>
            </select>
        </p>