zoukankan      html  css  js  c++  java
  • HTML 表单控件的汇总

    <input type="text" /> 定义用户可输入文本的单行输入字段。

    Email: <input type="text" name="email" />
    Pin: <input type="text" name="pin" />

    Button

    <input type="button" /> 定义可点击的按钮,但没有任何行为。button 类型常用于在用户点击按钮时启动 JavaScript 程序。

    <input type="button" value="Click me" onclick="msg()" />

    Checkbox

    <input type="checkbox" /> 定义复选框。复选框允许用户在一定数目的选择中选取一个或多个选项。

    <input type="checkbox" name="vehicle" value="Bike" /> I have a bike

    <input type="checkbox" name="vehicle" value="Car" /> I have a car

    File

    <input type="file" /> 用于文件上传。

    <input type="file" />

    Hidden

    <input type="hidden" /> 定义隐藏字段。隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值,它们的值也可以由 JavaScript 进行修改。

    <input type="hidden" name="country" value="Norway" />

    Image

    <input type="image" /> 定义图像形式的提交按钮。

    必须把 src 属性alt 属性 与 <input type="image"> 结合使用。

    <input type="image" src="submit.gif" alt="Submit" />

    Password

    <input type="password" /> 定义密码字段。密码字段中的字符会被掩码(显示为星号或原点)。

    <input type="password" name="pwd" />

    Radio

    <input type="radio" /> 定义单选按钮。单选按钮允许用户选取给定数目的选择中的一个选项。

    <input type="radio" name="sex" value="male" /> Male
    <input type="radio" name="sex" value="female" /> Female

    Reset Button

    <input type="reset" /> 定义重置按钮。重置按钮会清除表单中的所有数据。

    <input type="reset" />

    Submit

    <input type="submit" /> 定义提交按钮。提交按钮用于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。

    <form action="form_action.asp" method="get">

    Email: <input type="text" name="email" />

    <input type="submit" />

    </form>

     

     

    select下拉列表

    <select name="" size="" multiple >

    <option value="" selected></option>

    </select>

    按ctrl可以选多个

    多行文本输入框

    <textarea>。。。</textarea>

    属性:cols、rows表示文本框的大小

    没有设置多行文本框默认值的属性,只能是在两个标签中间输入文本

  • 相关阅读:
    druid + mybatis-spring使用注解方式整合
    druid+dbutils+spring整合web项目
    spring继承注入和自动注入
    spring命名空间注入
    spring入门学习第二篇
    spring入门学习第一篇
    mybatis插入数据返回主键
    北京充电桩数据的获取与展示
    有关“GIS讲堂”升级与更改logo的通知
    一个GISER 6.7的祝福
  • 原文地址:https://www.cnblogs.com/key1309/p/3123790.html
Copyright © 2011-2022 走看看