星星博客 »  > 

2021-05-27

form表单 

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

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

actionURL规定当提交表单时向何处发送表单数据。
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>

 

 

 

 

 

 

 

 

 

 

 

相关文章