<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. decimal模块 --数字的精度、保留小数位数、取整问题

    开始之前需要注意一点是:精度值为数字的总位数,如:1.23, 精度值为3: 0.123,精度值也为3 1.更改默认精度值后,直接进行计算即可保留对应精度值 from decimal import ge ...

  2. 2017-12-3 Crontab(字符串处理)

    Crontab 哈哈本人的不及格代码(暂留): #include<iostream> #include<queue> #include<cmath> #includ ...

  3. R-CNN论文阅读摘要

    论文链接: https://arxiv.org/pdf/1311.2524.pdf Abstract Our approach combines two key insights: (1) one c ...

  4. jQuery常用Event-API

    目的:对web页面(HTML/JSP)进行事件触发,完成特殊效果的处理 window.onload:在浏览器加载web页面时触发,可以写多次onload事件,但后者覆盖前者 ready:在浏览器加载w ...

  5. 注解方式实现AOP编程

    步骤: 1) 先引入aop相关jar文件           (aspectj  aop优秀组件) spring-aop-3.2.5.RELEASE.jar   [spring3.2源码] aopal ...

  6. pytest+allure展示环境信息

    allure展示环境信息 要将信息添加到Environment小部件,只需在生成报告之前在目录中创建environment.properties(或environment.xml)文件allure-r ...

  7. Hadoop、spark

    http://blog.csdn.net/u011204847/article/details/51355272

  8. Windows切换窗口

    方法1  Alt+Tab 切换到自己需要的窗口即可!!!! 方法2 Windows+Tab键

  9. Cetos 7 命令行登陆与图形界面登陆相互切换

    环境:vmware 虚拟机: 系统:Cetos 7 64位: 引言:有一台虚拟机,安装的时候选择的是最小化安装,是没有图形界面的,后来有需求,需要有个图形界面,所以就准备把这个升级下,下面是操作步骤: ...

  10. unity2d教程

    https://segmentfault.com/a/1190000003965359