<form action="" method="get">
<!--
placeholder="请输入文本" 显示提示
randonly="randonly"不能重新写
disabled="disabled" 禁用 变灰色
-->
<input type="text" name="user_name" placeholder="请输入文本" value="文本框" readonly="readonly"disabled="disabled"/>
<!--
隐藏框
Type="hidden"隐藏起来
-->
<input type="hidden" name="id" value="20160800612" />
<!--
密码框
type="password"密码不显示
-->
<input type="password" name="password" value="123456" disabled="disabled"/> <!--
testarea 设置宽度用cols 设置长度用rows
-->
<br />
<textarea name="text" rows="5" cols="5"></textarea>
<!--多选框
<select>
<option></option>
<option></option>
...
</select>
selected="selected"默认选择项 -->
<select name="grade">
<option value="1">一年级</option>
<option value="2" selected="selected">二年级</option>
<option value="3">三年级</option>
</select><br />
<!--
id="male"/><label for="male">男</label>点击男也会选择 -->
<input type="radio" value="0" name="gender" id="male"/><label for="male">男</label>
<input type="radio" value="1" name="gender" id="female"/><label for="female">女</label><br /> <!--
type="file"获取文件
multiple="multiple"可以获取多个文件
-->
<input type="file" name="fileget" multiple="multiple"/>
<!--
type="checkbox"多选框
checked="checked"默认为选择
-->
&nbsp;
<input type="checkbox"name="hobby" value="1" id="basketball" checked="checked"/><label for="basketball">篮球</label>
<input type="checkbox" name="hobby" value="2" id="football"><label for="football">足球</label>
<input type="checkbox"name="hobby" value="3" id="pingpong" /><label for="pingpong">乒乓球</label>
<br /> <!--
type="reset"重置所做的操作
-->
<input type="reset" value="重置" />
<input type="submit" value="提交" />
</form>

HTML——form表单中常用标签 form input (text hidden password radio checkbox reset submit ) select(option)总结的更多相关文章

  1. HTML 和 form 表单常用标签

    HTML和CSS 常用标签: p:段落,自动换行 span:和div类似,但是默认不换行 br:换行 hr:分割线 h1-h6:标题标签 a:超链接 瞄点:通过给a链接设置#XX作为链接,给需要链接的 ...

  2. html5 form表单常用标签

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. Form 表单中的Input元素回车时不保存表单

    在Form表单中如果直接在Input元素里敲回车键,那么默认将提交表单,可以通过keydown事件取消默认此操作 $("form").live('keydown',function ...

  4. Form表单中method为get和post的区别

    序,form表单中的方法分为get和post,但你都知道他们之间的区别吗? Form表单中method为get和post的区别: 例子如下,有个Form表单. <form action=&quo ...

  5. form表单中的button按钮

    如果在form表单中 , 存在button元素,button元素就充当了submit的角色

  6. form表单中的input有哪些类型

    form表单中的input有哪些类型 1.button <input type="button"/> 2.checkbox <input type="c ...

  7. form表单中只有一个input时,按回车键后表单自动提交(form表单的一个小坑)

    form中只有一个input按回车键表单会自动提交 在一个form表单中,若只有一个input,按回车键表单会自动提交,但是当表单中存在多个input时,按回车键不会执行任何操作,这是form表单的一 ...

  8. jQuery中设置form表单中action值的方法

    jQuery中设置form表单中action值的方法 (2011-03-17 10:18:19) 转载▼ 标签: 杂谈   html代码: <form id="myFormId&quo ...

  9. form表单中button按钮返回上一页解决办法

    解决Form中button按钮不好用的问题解决办法. 方法一: 1.在Form表单标签中国增加一个属性,如下图,红框处 2.返回按钮样式 3.onclick方法需要跳转的页面,遮挡处为需要返回的页面 ...

随机推荐

  1. spring MVC 拦截有几种实现方式

    spring MVC 拦截有几种实现方式 实现HandelInterceptor接口方式        继承HandelInterceptor 的方式.一般有这两种方式 spring 如何走单元测式 ...

  2. Twisted框架学习

    Twisted是用Python实现的基于事件驱动的网络引擎框架,是python中一个强大的异步IO库.理解twisted的一个前提是弄清楚twisted中几个核心的概念: reactor, Proto ...

  3. [JDBC]批量提交插入语句以提高数据插入速度(效率提升不明显)

    // Initialize conn&stmt Connection conn=null; Statement stmt=null; ... conn=dataSource.getConnec ...

  4. 3.JSON使用

    把 JSON 文本转换为 JavaScript 对象 JSON 最常见的用法之一,是从 web 服务器上读取 JSON 数据(作为文件或作为 HttpRequest),将 JSON 数据转换为 Jav ...

  5. 操作系统 | 结合 CPU 理解一行 Java 代码是怎么执行的

    根据冯·诺依曼思想,计算机采用二进制作为数制基础,必须包含:运算器.控制器.存储设备,以及输入输出设备,如下图所示. 我们先来分析 CPU 的工作原理,现代 CPU 芯片中大都集成了,控制单元,运算单 ...

  6. 微信一键登录(微信OAuth2.0)

    1.注册微信开放平台https://open.weixin.qq.com,一定要清楚微信开放平台和微信公众平台是分别独立的,不能共用. 2.登录进入——管理中心,网站应用,创建网站应用.填写申请,企业 ...

  7. 【转载】网页JS获取当前地理位置(省市区)

    眼看2014又要过去了,翻翻今年的文章好像没有写几篇,忙真的或许已经不能成为借口了,在忙时间还是有的,就像海绵里的水挤挤总会有滴.真真的原因是没有学习过什么新的技术,工作过程中遇到的问题也不是非常难并 ...

  8. 小D课堂 - 新版本微服务springcloud+Docker教程_3-04 SpringCloud微服务核心组件Eureka介绍和闭源后影响

    笔记 4.SpringCloud微服务核心组件Eureka介绍和闭源后影响     简介:         SpringCloud体系介绍             官方地址:http://projec ...

  9. ceph报错

    [ceph_deploy.mon][ERROR ] RuntimeError: config file /etc/ceph/ceph.conf exists with different conten ...

  10. 部署Hadoop-3.0-高性能集群

    一.Hadoop概述: Hadoop是一个由Apache基金会所开发的分布式系统基础架构.用户可以在不了解分布式底层细节的情况下,开发分布式程序.充分利用集群的威力进行高速运算和存储.Hadoop的框 ...