jsp常用的input type

jsp的 input 输入框分为很多种：有密码框、多选框、单选框、日期、颜色、输入限制、邮箱验证、隐藏框、文件上传等等。

input输入框支持的功能如此之多，如此常用，开发者可以直接使用它们，因此就能花费更多的时间精力在其他功能的开发上。

下面逐一展示如何使用这几个常用的input框。

密码框：password

<body>
<form>密码：<br><input type="password"><br><br><input type="submit" value="提交"><br>
</form>
</body>

*************************************************************************************************************************************

多选框：checkbox

<body>
<form>多选<br><input type="checkbox">娱乐新闻<br><input type="checkbox">今日头条<br><input type="checkbox">滚动新闻<br>
</form>
</body>

*************************************************************************************************************************************

单选框：radio

如果input框添加“checked”，表示默认选中

<body>
<form>单选<br><input type="radio" name="myCkeck" value="男" checked>男<br><input type="radio" name="myCkeck" value="女">女<br>
</form>
</body>

*************************************************************************************************************************************

日期：date

如果input框带有required，表示必填

<body>
<form>日期：<br><input type="date" required><br><input type="submit" value="提交">
</form>
</body>

如果日期为空，点击提交会自动提示：

*************************************************************************************************************************************

颜色：color

<body>
<form>颜色：<br><input type="color"><br>
</form>
</body>

*************************************************************************************************************************************

输入限制：number

只允许输入数字，博主发现字母e是可以输进去的，因为e是自然数常数，也属于数字。

<body>
<form>输入限制：<br><input type="number"><br>
</form>
</body>

*************************************************************************************************************************************

邮箱验证：email

<body>
<form>邮箱验证：<br><input type="email"><br><input type="submit" value="提交"><br>
</form>
</body>

输入非标准邮箱格式，点击提交：

*************************************************************************************************************************************

文件上传：file

如果form表单中添加 【enctype="multipart/from-data"】，表示以二进制的方式传输文件；

否则form代码会默认设置【enctype="application/x-www-form-urlencoded"】，此时是不能上传文件的。

还要一个需要注意的，如果method="get"，是限制上传大小的，而post则没有限制。

<form enctype="multipart/form-data" method="post">文件上传：<br><input type="file"><br><br><input type="submit" value="提交"><br>
</form>

jsp常用的input type相关推荐

JSP中 input type 用法
JSP中 input type 用法 Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍. 1,type=te ...
input type=button和asp:Button的区别
参考 https://www.cnblogs.com/fengwei0813/p/5574385.html https://bbs.csdn.net/topics/110186772 < inp ...
input type 属性
单行文本域语法格式:<input type = "text" 属性 = "值" /> 常用属性 1 name:文本框的名字.命名规则是:可以包 ...
input type=range标签用法实例代码
在HTML5中,又新增许多新<input>控件类型,比较实用的一个就是<input type="range">,以滑竿的方式来调整value值,在这以前需要 ...
HTML input type 输入类型
本章描述 <input> 元素的输入类型. 输入类型:text <input type="text"> 定义供文本输入的单行输入字段: 实例 <for ...
HTML button 和 input type=“button”的区别 / input type=submit 和button的区别
HTML <button> 和 input type="button"的区别: 1. <button>标签里可以放文本图片等内容,与<input> ...
java如何限制输入值_[限制input输入类型]常用限制input方法
常用限制input的方法 1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true input type="submit" va ...
input[type=radio]自定义样式
input为radio时,虽然会有默认选中的样式,但是并不符合大多数项目的需求,我们的目标是可以随心所欲自定义它的样式.怎么做呢?其实很简单,只要抓住3点.分别是1.label 2.隐藏自带样式 3. ...
input type=“file“属性详解，利用capture调用手机摄像头
<input> type 类型为 file 的标签,可以选择一个或多个文件,通过表单上传到服务器,也可以通过 Javascript 的 File API 对文件进行操作. 实例: < ...

jsp常用的input type

jsp常用的input type相关推荐

最新文章

热门文章