<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. 带着问题看redux源码

    前言 作为前端状态管理器,这个比较跨时代的工具库redux有很多实现和思想值得我们思考.在深入源码之前,我们可以相关注下一些常见问题,这样带着问题去看实现,也能更加清晰的了解. 常见问题 大概看了下主 ...

  2. LeetCode347——优先队列解决查询前k高频率数字问题

    给定一个非空的整数数组,返回其中出现频率前 k 高的元素. 例如, 给定数组 [1,1,1,2,2,3] , 和 k = 2,返回 [1,2]. 注意: 你可以假设给定的 k 总是合理的,1 ≤ k ...

  3. Remote Ubuntu VM from Windows

    Need to install the xrdp tool on Ubuntu. To do this, open a Terminal window (Ctrl + Alt + T) and ent ...

  4. sftp winscp

    https://stackoverflow.com/questions/16150152/secure-ftp-using-windows-batch-script First, make sure ...

  5. CORS和jsonp实现跨域请求

    同源策略:所谓同源是指,域名,协议,端口相同,它是由Netscape提出的一个著名的安全策略,现在所有支持JavaScript 的浏览器都会使用这个策略.当浏览器同时打开两个tab页面(两个不同服务器 ...

  6. 1753 -- Flip Game

    Flip Game Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 48663   Accepted: 20724 Descr ...

  7. DataFactory生产手机号码

    表中的数据类型是CHAR()类型的,才会出现,如右图的“Build a composite field”的这个功能: 固定部分设置 剩余变化部分设置 操作成功 数据库查询的结果

  8. Rsync数据同步工具及sersync同步工具

    Rsync简介 Rsync英文全称Remote synchronization,从软件的名称就可以看出来,Rsync具有可使本地和远程两台主机之间的数据快速复制同步镜像,远程备份的功能,这个功能类似s ...

  9. Ansible批量自动化管理工具 roles标准化

    批量管理服务器的工具,无需部署代理,通过ssh进行管理,是python写的 ansible 常用模块 : (1)shell命令模块执行命令 (2)copy模块批量下发文件或文件夹 (3)script模 ...

  10. jeecg根据模板自定义导出

    //1.获取模板的路径: String lujing = request.getSession().getServletContext().getRealPath("/")+ &q ...