<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. Turtle库画小猫咪

    视频请点击这里哟 这个是用python库画的小猫咪,前面一步步的画整个猫的整个身体,具体步骤都写在了注释之中.身体部分画的比较快,后面画了5个心,由于画心的时候要改变好多度数,而且每次只前进一点点,所 ...

  2. 20175329&20175313&20175318 2019-2020 《信息安全系统设计基础》实验一

    详见 https://www.cnblogs.com/xiannvyeye/p/11792152.html#%E4%B8%80%E5%AE%9E%E9%AA%8C%E5%86%85%E5%AE%B9

  3. Ubuntu18.04 server安装步骤

    Ubuntu18.04 server安装步骤 1. select a language default 2.  select your location default 3. configure th ...

  4. Filebeat使用

    1.Beat家族 Beats可以直接(或者通过Logstash)将数据发送到Elasticsearch,在那里你可以进一步处理和增强数据,然后在Kibana中将其可视化. 2.FileBeat安装 2 ...

  5. dubbo服务provider方打印警告日志,getDeserializer - Hessian/Burla 'xxx' is an unknown class

    2018-09-12 16:16:44 WARN [New I/O worker #1] SerializerFactory.java:652 getDeserializer - Hessian/Bu ...

  6. 性能测试 | 理解单线程的Redis为何那么快?

    前言 Redis是一种基于键值对(Key-Value)的NoSQL数据库,Redis的Value可以由String,hash,list,set,zset,Bitmaps,HyperLogLog等多种数 ...

  7. ubuntu16.04下如何安装dtc工具?

    答: sudo apt-get install device-tree-compiler -y

  8. ThreadUtils

    import android.os.Handler; import android.os.Looper; import java.util.concurrent.ExecutorService; im ...

  9. ElementTree

    http://effbot.org/zone/element-index.htm#installation http://effbot.org/zone/element-xpath.htm

  10. idea中maven右键没有show dependencies选项

    如图,idea高版本(2018.3.4)中maven 的右键没有show dependencies菜单 查看依赖包方法,双击pom.xml文件,在文件编辑页面右键maven或者diagrams弹出依赖 ...