- 浏览: 368213 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (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 8571.定义语言 格式: 〈meta http-eq ... -
集成经理培训
2011-01-27 01:08 0Dea ... -
项目中请避免iframe缓存导致的无法提交
2010-12-30 23:02 983在JSP中使用iframe标签,会出现一种情况,第一次 ... -
通过position将div中的内容移出显示
2010-12-03 00:00 1045<!DOCTYPE html PUBLIC " ... -
CSS 文字替代图片下载失败情况
2010-12-02 23:44 987<!DOCTYPE html PUBLIC " ... -
CSS 2.0样式表中文手册
2010-12-02 23:40 945rt -
position的relative , absolute 关系
2010-12-02 23:21 1056<!DOCTYPE html PUBLIC " ... -
CSS 背景图片设置
2010-12-01 00:35 959<!DOCTYPE html PUBLIC " ... -
CSS 盒模型 介绍
2010-12-01 00:09 955备注: (1)margin是在border之外扩展空间 ... -
精通CSS与HTML设计模式 and 源码
2010-11-30 22:13 1042rt -
input text 置灰例子
2010-11-19 01:05 6408<form name="testform ... -
DOM & JS DIV层操作__创建,指定删除,全部删除
2010-11-17 14:53 2125<!DOCTYPE HTML PUBLIC " ... -
DOM 加载顺序
2010-11-17 00:51 11601.HTML解析完毕 2.外部脚本和样式表加载完毕 3 ... -
radio,checkbox 与 getElementByName 配合取值
2010-11-17 00:45 1137HTML <div> male< ... -
getElementsByName
2010-11-17 00:25 851(zt)http://baike.baidu.com/view ... -
DHTML_网页制作完全手册
2010-11-16 23:29 831rt -
html_mytest_code_and_note_version0.1
2010-06-15 03:19 876(1)<pre></pre> 可以保留 ... -
<select>
2010-06-15 03:06 875<!DOCTYPE html PUBLIC " ... -
<pre>
2010-06-15 03:05 821<!DOCTYPE html PUBLIC " ... -
a_mailto
2010-06-15 03:03 1111<!DOCTYPE html PUBLIC " ...
相关推荐
### 如何将input type=file显示的“浏览”变成英文的 在网页开发中,经常会遇到需要用户上传文件的情况。默认情况下,HTML中的`<input type="file">`元素的“浏览”按钮通常会显示为系统语言,对于英文界面的需求,...
inputType参数类型说明 inputType参数类型是Android中的一种重要的布局参数,用于设置控件的布局方式和属性。它可以分为四类:布尔类型、ID类型、像素类型和gravity类型。 布尔类型 布尔类型的inputType参数用于...
本篇文章将详细讲解如何将`<input type="file">` 控件的“浏览”按钮和提示改为英文。 首先,我们需要理解`<input type="file">`的基本结构和属性。这个标签创建了一个可以点击的区域,用户可以通过点击打开本地...
一、input type=file 文件选择表单元素 input type=file 是 HTML 中的一种表单元素,用于选择文件并上传到服务器。HTML5 之前的 input type=file 元素只能一次上传一张图片,无法满足一次上传多图的交互需求。因此...
本文将深入探讨如何使用 `input type="file"` 激活手机的照相机功能以及选择图片上传。 首先,`<input type="file">` 是HTML中的一个表单元素,它的主要作用是让用户选择本地文件。在默认情况下,点击这个元素会...
1. **创建输入框元素**:用普通的`<input type="text">`替换`<input type="number">`,并添加额外的属性如`data-min`、`data-max`和`data-step`来存储限制信息。 2. **事件监听**:添加事件监听器,如`onchange`、`...
然而,在实际使用中,我们可能会遇到一些问题,比如在WebView中使用`<input type="file">`标签时,用户无法选择本地文件。这个现象主要是由于Android的安全机制和权限控制导致的。本文将详细讲解如何解决这个问题。 ...
注意:input[type=file] 标签中的属性accept=application/msword,application/pdf 在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格式的判断,以及对应显示样式的设置.(我也是刚...
<input type="range" id="customRange" min="0" max="100" value="50"> <script src="script.js"></script> ``` 接下来,我们通过CSS3来定制滑动条的样式。在`styles.css`文件中,我们可以定义滑动条的整体外观...
对于file input按钮,可以通过设置`<input type="file" lang="zh-CN">`来显示中文版本,但遗憾的是,浏览器默认的按钮文本并不会因此改变。 2. **CSS替换文本**:利用CSS的伪元素`::before`和`::after`,我们可以...
C#如何使用input[type=file]进行多个图片上传(XMLHttpRequest与后台交互) 详情可看:https://blog.csdn.net/weixin_44713389/article/details/90746459
本文将深入探讨如何使用JavaScript动态修改`input`输入框的`type`属性,并介绍如何进行Email验证。 `type`属性是`input`标签的一个关键属性,它决定了输入框的行为和外观。默认情况下,`input`元素的`type`可能是`...
- 语法:`<input type="text" />` - 常用属性:`name`(标识输入框的名称),`value`(初始文本内容),`maxlength`(最大输入字符数),`size`(显示宽度)。 2. **密码输入框(password)** - 描述:用于输入密码,...
<input type="text" name="yourname" size="30" maxlength="20" value="默认为30宽,限制为20"> <input type="text" name="yourname" size="30" maxlength="20" readonly value="只可阅读"> ``` ### 2. `...
MUI可能在全局样式中对`input[type="checkbox"]`应用了某些样式,例如设置`pointer-events: none;`,导致点击事件无法正常触发,或者设置了`opacity: 0;`使得元素不可见,或者使用了`display: none;`直接隐藏了元素...
在这个场景中,我们需要一个特定类型的`input`,即`type="text"`,但为了显示日期选择器,我们需要将其类型改为`type="date"`。这样的`input`标签会像这样编写: ```html <input type="date" id="datePicker" ...
直接上代码: ...input type=text id=input> [removed] //获取input元素 var _input = document.getElementById('input'); var date = new Date(); var seperator = /; var year = date.getFul
本文将详细介绍如何使用`ajaxfileupload.js`这个jQuery插件,结合`input[type=file]`元素,实现无刷新的文件上传功能。 首先,`ajaxfileupload.js`是一个基于jQuery的轻量级插件,它允许开发者通过异步方式发送文件...
自定义(滑动条)input[type="range"]样式; 完成以下的五个步骤: 去除系统默认的样式; 给滑动轨道(track)添加样式; 给滑块(thumb)添加样式; 根据滑块所在位置填充进度条; 实现多浏览器兼容。
input type=”checkbox”>: 2012欧洲杯”死亡之组”小组出线的国家队是: <input type=”checkbox” name=”nation” value=”Germany”>德国 <input type=”checkbox” name=”nation” value=”...