关于html:html表单标签大全

39次阅读

共计 1845 个字符,预计需要花费 5 分钟才能阅读完成。

表单 1:表单标签 <form></form>
属性:
action = ‘ 接口地址 ’
method = ‘get / post’
name = ‘ 表单名称 ’2:表单控件 <input>
属性:
type = ‘ 控件类型 ’
name:属性标识表单域的名称;
Value:属性定义表单域的默认值,其余属性依据 type 的不同而有所变动。
maxlength:管制最多输出的字符数,
Size:管制框的宽度(以字符为单位)
1)文本框
<input type=”text” value=” 默认值 ”/>
2) 明码框
<input type=”password” />
3) 提交按钮
<input type=”submit” value=” 按钮内容 ” />
4) 重置按钮
<input type=”reset” value=” 按钮内容 ” />
5) 空按钮
<input type=”button” value=” 按钮内容 ” />3:表单补充 1)单选按钮组
<input type=“radio”name=“ral”/> 男
<input type=“radio”name=“ral”
checked=“checked”/>(默认选中) 女
2)复选框组
<input type=”checkbox” name=”” />
<input type=”checkbox” name=”” disabled=”disabled” />

  • disabled=”disabled” (禁用)
  • checked=”checked” (默认选中)
    3)下拉列表(菜单):
    <select >
    <option> 下拉选项 1 </option>
    <option> 下拉选项 2 </option>
    …………
    </select>
    示意下拉列表,name 属性不是必须的
    默认选择项用 selected 属性;
    4)表单域多行文本定义:
    语法: <textarea name=”” cols=”” rows=”” ></textarea>
    多行文本。rows 属性和 cols 属性用来设置文本输出窗口的高度和宽度,单位是字符。
    阻止浏览器对窗口的拖动设置:{resize:none;}(css 属性)
    5)上传文件:
    语法:<input type=”file”>4:表单标签补充 1)表单字段集
    语法:<fieldset></fieldset>
    阐明:相当于一个方框,在字段集中能够蕴含文本和其余元素。该元素用于对表单中的元素进行分组并在文档中区别标出文本。fieldset 元素能够嵌套,在其外部能够在设置多个 fieldset 对象。disabled 定义空间禁制可用;
    2)字段级题目:
    语法:<legend align=”left/center/right/justify”></legend>
    阐明:legend 元素能够在 fieldset 对象绘制的方框内插入一个题目。legend 元素必须是 fieldset 内的惟一个元素。
    3)提示信息标签:
    语法:<label for=” 绑定控件 id 名 ”></label>
    阐明:label 元素用来定义标签,为页面上的其余元素指定提示信息。要将 label 元素绑定到其余的控件上,能够将 label 元素的 for 属性设置为与该控件的 id 属性值雷同。

    拓展:post/get
    (1). 从性能上讲,GET 个别用来从服务器上获取资源,POST 个别用来更新服务器上的资源;(2). 从 REST 服务角度上说,GET 是幂等的,即读取同一个资源,总是失去雷同的数据,而 POST 不是幂等的,因为每次申请对资源的扭转并不是雷同的;进一步地,GET 不会扭转服务器上的资源,而 POST 会对服务器资源进行扭转;
    (3). 从申请参数模式上看,GET 申请的数据会附在 URL 之后,行将申请数据搁置在 HTTP 报文的 申请头 中,以? 宰割 URL 和传输数据,参数之间以 & 相连。特地地,如果数据是英文字母 / 数字,原样发送;否则,会将其编码为 application/x-www-form-urlencoded MIME 字符串(如果是空格,转换为 +,如果是中文 / 其余字符,则间接把字符串用 BASE64 加密,得出如:%E4%BD%A0%E5%A5%BD,其中%XX 中的 XX 为该符号以 16 进制示意的 ASCII);而 POST 申请会把提交的数据则搁置在是 HTTP 申请报文的 申请体 中。
    (4). 就安全性而言,POST 的安全性要比 GET 的安全性高,因为 GET 申请提交的数据将明文呈现在 URL 上,而且 POST 申请参数则被包装到申请体中,绝对更平安。
    (5). 从申请的大小看,GET 申请的长度受限于浏览器或服务器对 URL 长度的限度,容许发送的数据量比拟小,而 POST 申请则是没有大小限度的。

正文完
 0