- 浏览: 358064 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (252)
- struts1.3 (18)
- spring2.0 (6)
- html & Css (30)
- soap (0)
- hibernate3.3.2 (3)
- JQuery1.4 (11)
- wsdl (0)
- Amazon EC2 (3)
- jsp (4)
- myeclipse skill (9)
- linux (1)
- servlet (1)
- english (7)
- Ajax (5)
- 常识 (3)
- 生活 (6)
- 工具 (42)
- 期货 & 外汇 (4)
- tomcat (2)
- ext (1)
- java se (11)
- java ee (1)
- it行业知识 (6)
- plsql developer skill (2)
- apache commons logging (1)
- apache commons HttpClient (1)
- apache commons codec (1)
- windows7 skill (3)
- 数据库设计 (2)
- oracle (5)
- junit (1)
- xStream (2)
- jdom (1)
- dwr (1)
- erp (2)
- javascript (4)
- Base64 (1)
- Ant (0)
- Apache CXF (1)
- 美剧 Friends season one (1)
- 设计模式 (1)
- android (0)
- html5 (0)
- SVN Skill (2)
- FindBugs (1)
- 云计算 (1)
- SAP (35)
- 演讲 (1)
- PMP (1)
- Velocity1.7 struts2.0 (1)
- svn (1)
最新评论
-
hijackwust:
最次的方法,没有之一
让一个工程并存jar包不同版本 -
手写白:
...
让一个工程并存jar包不同版本 -
wqsmd1:
连接不会关,怎么弄
Struts2 + JasperReports4 + DB2 Demo -
tntxia:
楼主,怎么没有放keymaker.jar这个包啊
Aqua Data Studio 破解及解决乱码说明 -
mrsea2010:
楼主,按照你的方法,点击联接,我都不能显示出页面,直接报404 ...
Struts2 + JasperReports4 + DB2 Demo
Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍。
1,type=text
输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册输入电话号码,电子邮件,家庭住址等等。当然这也是Input的
默认类型。
参数name:同样是表示的该文本输入框名称。
参数size:输入框的长度大小。
参数maxlength:输入框中允许输入字符的最大数。
参数value:输入框中的默认值
特殊参数readonly:表示该框中只能显示,不能添加修改。
<form> your name: <input type="text" name="yourname" size="30" maxlength="20" value="输入框的长度为30,允许最大字符数为20"><br> <input type="text" name="yourname" size="30" maxlength="20" readonly value="你只能读不能修改"> </form>
2,type=password
不用我说,一看就明白的密码输入框,最大的区别就是当在此输入框输入信息时显示为保密字符。
参数和“type=text”相类似。
<form> your password: <input type="password" name="yourpwd" size="20" maxlength="15" value="123456">密码长度小于15 </form>
3,type=file
当你在BBS上传图片,在EMAIL中上传附件时一定少不了的东西:)
提供了一个文件目录输入的平台,参数有name,size。
<form> your file: <input type="file" name="yourfile" size="30"> </form>
4,type=hidden
非常值得注意的一个,通常称为隐藏域:如果一个非常重要的信息需要被提交到下一页,但又不能或者无法明示的时候。
一句话,你在页面中是看不到hidden在哪里。最有用的是hidden的值。
<form name="form1"> your hidden info here: <input type="hidden" name="yourhiddeninfo" value="cnbruce.com"> </form> <script> alert("隐藏域的值是 "+document.form1.yourhiddeninfo.value) </script>
5,type=button
标准的一windows风格的按钮,当然要让按钮跳转到某个页面上还需要加入写JavaScript代码
<form name="form1"> your button: <input type="button" name="yourhiddeninfo" value="Go,Go,Go!" onclick="window.open('http://www.cnbruce.com')"> </form>
6,type=checkbox
多选框,常见于注册时选择爱好、性格、等信息。参数有name,value及特别参数checked(表示默认选择)
其实最重要的还是value值,提交到处理页的也就是value。(附:name值可以不一样,但不推荐。)
<form name="form1"> a:<input type="checkbox" name="checkit" value="a" checked><br> b:<input type="checkbox" name="checkit" value="b"><br> c:<input type="checkbox" name="checkit" value="c"><br> </form> name值可以不一样,但不推荐<br> <form name="form1"> a:<input type="checkbox" name="checkit1" value="a" checked><br> b:<input type="checkbox" name="checkit2" value="b"><br> c:<input type="checkbox" name="checkit3" value="c"><br> </form>
7,type=radio
即单选框,出现在多选一的页面设定中。参数同样有name,value及特别参数checked.
不同于checkbox的是,name值一定要相同,否则就不能多选一。当然提交到处理页的也还是value值。
<form name="form1"> a:<input type="radio" name="checkit" value="a" checked><br> b:<input type="radio" name="checkit" value="b"><br> c:<input type="radio" name="checkit" value="c"><br> </form> 下面是name值不同的一个例子,就不能实现多选一的效果了<br> <form name="form1"> a:<input type="radio" name="checkit1" value="a" checked><br> b:<input type="radio" name="checkit2" value="b"><br> c:<input type="radio" name="checkit3" value="c"><br> </form>
8,type=image
比较另类的一个,自己看看效果吧,可以作为提交式图片
<form name="form1" action="xxx.asp"> your Imgsubmit: <input type="image" src="../blog/images/face4.gif"> </form>
9,type=submit and type=reset
分别是“提交”和“重置”两按钮
submit主要功能是将Form中所有内容进行提交action页处理,reset则起个快速清空所有填写内容的功能。
<form name="form1" action="xxx.asp"> <input type="text" name="yourname"> <input type="submit" value="提交"> <input type="reset" value="重置"> </form>
发表评论
-
HTML--META
2011-06-15 23:52 8161.定义语言 格式: 〈meta http-eq ... -
集成经理培训
2011-01-27 01:08 0Dea ... -
项目中请避免iframe缓存导致的无法提交
2010-12-30 23:02 948在JSP中使用iframe标签,会出现一种情况,第一次 ... -
通过position将div中的内容移出显示
2010-12-03 00:00 1013<!DOCTYPE html PUBLIC " ... -
CSS 文字替代图片下载失败情况
2010-12-02 23:44 953<!DOCTYPE html PUBLIC " ... -
CSS 2.0样式表中文手册
2010-12-02 23:40 921rt -
position的relative , absolute 关系
2010-12-02 23:21 1023<!DOCTYPE html PUBLIC " ... -
CSS 背景图片设置
2010-12-01 00:35 918<!DOCTYPE html PUBLIC " ... -
CSS 盒模型 介绍
2010-12-01 00:09 926备注: (1)margin是在border之外扩展空间 ... -
精通CSS与HTML设计模式 and 源码
2010-11-30 22:13 1019rt -
input text 置灰例子
2010-11-19 01:05 6359<form name="testform ... -
DOM & JS DIV层操作__创建,指定删除,全部删除
2010-11-17 14:53 2091<!DOCTYPE HTML PUBLIC " ... -
DOM 加载顺序
2010-11-17 00:51 11321.HTML解析完毕 2.外部脚本和样式表加载完毕 3 ... -
radio,checkbox 与 getElementByName 配合取值
2010-11-17 00:45 1098HTML <div> male< ... -
getElementsByName
2010-11-17 00:25 822(zt)http://baike.baidu.com/view ... -
DHTML_网页制作完全手册
2010-11-16 23:29 785rt -
html_mytest_code_and_note_version0.1
2010-06-15 03:19 837(1)<pre></pre> 可以保留 ... -
<select>
2010-06-15 03:06 845<!DOCTYPE html PUBLIC " ... -
<pre>
2010-06-15 03:05 786<!DOCTYPE html PUBLIC " ... -
a_mailto
2010-06-15 03:03 1062<!DOCTYPE html PUBLIC " ...
相关推荐
如何将input type=file显示的浏览变成英文的,简单实用!
input type=file 调取手机照相机和选择照片上传 附件下载demo导入运行即可
HTML input type=file文件选择表单元素.docx
主要是一些inputType的属性,属性值为具体的像素值,
input type=file 显示的浏览 改成英文
注意:input[type=file] 标签中的属性accept=application/msword,application/pdf 在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格式的判断,以及对应显示样式的设置.(我也是刚...
IE11版本好像才兼容input type="number",但是现在Win7版本操作系统下,很多人的IE版本都是IE7/8/9,所以为了体验就自己写了一个小插件,支持设置最大值、最小值、数字间隔。
解决在webview中input标签type="file"不能使用的问题
C#如何使用input[type=file]进行多个图片上传(XMLHttpRequest与后台交互) 详情可看:https://blog.csdn.net/weixin_44713389/article/details/90746459
Input元素的type属性 Input元素 01 Input元素 普通文本框 密码文本框 按钮 Input元素 根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 ...
mui.css和input type=checkbox冲突,导致打不上勾(无法选中)的解决办法.zip
〈input type…〉都能打开什么文件?〈input type…〉都能打开什么文件?〈input type…〉都能打开什么文件?〈input type…〉都能打开什么文件?
HTML中INPUT的TYPE用法
input type=”checkbox”>: 2012欧洲杯”死亡之组”小组出线的国家队是: <input type=”checkbox” name=”nation” value=”Germany”>德国 <input type=”checkbox” name=”nation” value=”...
关于 INPUT type=file 的样式 CODE:INPUT type=file _________________________________________ <input type="file" name="file" size="40" style="background-color:#f9f9f9; color:#336699; border: 1 double #...
利用jquery的工具ajaxfileupload.js配合input[type=file]实现无刷新上传文件,内含教程以及支持文件,希望可以帮助各位,谢谢!
直接上代码: ...input type=text id=input> [removed] //获取input元素 var _input = document.getElementById('input'); var date = new Date(); var seperator = /; var year = date.getFul
注明:既然有了表单上传为什么又要ajax上传呢?因为表单上传过程中,整个页面就刷新了!ajax异步上传就可以达到只刷新局部位置,下面就简单看看ajax上传吧!
自己收集的按钮国际化实现,大家自己看看,应该有用的
<input type="password" autofocus="true"/> 描述 autofocus属性用于指定页面加载后是否自动获取焦点,将标记的属性值指定为true时,表示页面加载完毕后会自动获取该焦点。 语法格式 <input type="控件类型" ...