zoukankan      html  css  js  c++  java
  • (5)html表单

    本节解说: html的表单。

    form
    * <form> 标签用于为用户输入创建 HTML 表单。
    表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
    * <input>标签可定义为输入域的开始,在其中用户可输入数据。
    所有的表单元素,都必须要放置在,表单标签中:<form></form>
    所有的表单元素,以input为例,必须包含type属性。

    1、文本域

    <input type="text" name="控件名称" size="控件长度" maxlength="填写最长字符数" value="文字字段默认值" />

    2、密码域

      密码跟文本框类似,但是在里面输入的内容显示为圆点。

    3、单选按钮

    <input type="radio" name="单选按钮名称" value="单选按钮的取值" checked="checked" />
    男人:<input type="radio" name="sex" value="male" />
    <br />
    女人:<input type="radio" name="sex" value="female" /> 

         checked属性表示该项被默认选中。

    4、复选框

    <input type="checkbox" name="复选框的名称" value="复选框的值" checked="checked"/>

    <select name="下拉菜单名称">
        <option value="选项值" selected="selected">选项显示内容</option>
        <option value="选项值">选项显示内容</option>
    </select>

    文本域textarea

         <textarea> 标签定义多行的文本输入控件。文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。

         可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。

         提示:在文本输入区内的文本行间,用 "%OD%OA" (回车/换行)进行分隔。

         提示:可以通过 <textarea> 标签的 wrap 属性设置文本输入区内的换行模式。

     

    重置按钮

      当点击重置按钮时,重置按钮所在的表单将全部清空,而其他表单不受影响。

    <input type="reset" name="按钮名" value="按钮上面的文字" />

    提交按钮

      当点击提交按钮时,浏览器将自动提交表单。

      <input type="submit" name="按钮名" value="按钮上面的文字" />

    隐藏域

         隐藏域在浏览器中并不显示,仅仅为保存一些不太重要的资料而存在,当用户提交表单时隐藏域的内容会一起提交。

    <input type="hidden" name="隐藏域名称" value="提交的值" />
  • 相关阅读:
    运筹学——线性规划及单纯形法求解
    jQuery实现回到顶部功能
    JS与PHP传递JSON数据
    学习笔记Quartz定时器
    MYSQL常用命令总结
    DWZ框架与第三方jQuery插件整合
    jQuery中增加新元素后没法响应原有的事件
    java.lang.OutOfMemoryError: Java heap space解决方法
    Adobe Edge Animate1.0 使用元件创建嵌套动画
    Adobe Edge Animate 1.0 制作自定义动态菜单
  • 原文地址:https://www.cnblogs.com/KTV123/p/5298970.html
Copyright © 2011-2022 走看看