HTML总结——3

来源:互联网 发布:整理桌面的软件 编辑:程序博客网 时间:2024/05/21 19:31

表单类标记

1.<from>标签

格式:

   <form action="服务器地址(接受表单内容的地址)" name="表单名称" method="postlget">...</form>

属性:

  • name
    表单名称 主要是后台使用

  • method
    传送数据的方式,分为post和get

  • action
    表单数据的处理程序的URL地址,如果为空,则使用当前文档的URL地址

  • enctype
    设置表单的资料的编码方式


2.<input>文本框

格式:

   <input type="*" name="*" value="*" size="*" maxlength="">

属性:

  • value:

    1. text(文本框)
    2. password(密码框)
  • name
    定义控件的名称

  • value
    初始化值,打开浏览器时,文本框中的内容

  • size
    设置控件的长度

  • maxlength
    输入框中最大允许输入的字符数


3. 按钮

  1. 提交按钮
    <input type="submit">时,为提交按钮

  2. 重置按钮
    <input type="reset">时,为重置按钮

  3. 普通按钮
    <input type="button">时,为普通按钮



4. 单选和复选框


1. 单选按钮
<input type="radio">时,为单选按钮


2. 复选按钮
<input type="checkbox">时,为复选框


注意: 不论是单选还是复选,都可以使用checkbox属性来设置默认选项值。


5.<textarea>多行文本框

属性:

  • rows 行 (横)
  • cols 列 (竖)


6. 隐藏域

<input type="hidden"时,为隐藏表单域。



7. <select>下拉选择框



格式:

<select>            <option value="提交值">显示的内容</option>            <option value="提交值2">显示的内容2</option>            <option value="提交值3">显示的内容3</option></select>



属性:

  • value:

    这里写图片描述

  • select:
    设置selected=”selected”属性,则该选项就被默认选中。



8. <label>标签

   <label>标签本身没有任何意义,但是点击<label>标签显示的文本,会触发另一个标签的动作。


语法:

     `<label for="控件id名称">`



例子:

<label for="music">音乐</label><input type="radio" name="gender" id="hobby" />

点击音乐,会引发下面的单选框被选中。

原创粉丝点击