input文本输入框的type类型

注：form标签为开头，placeholder为提示文字，value=“需要输入的值”

form action=“路径”，method="get"固定格式。用form包括内容，否则不能提交。

不同type类型的输入框是不同的：

type=“text”输入框

type=“password”密码点显示，

type=“radio”单选框 type=“checkbox”复选框:

(单选或复选，用<lable>标签包括之后，则选项字体与圈圈，都能点击）。

type=“email”，邮箱输入框就可以使用@符号。

type=“file”从电脑里选择文件

type=“number”会出现上下箭头选择数字。

type=“submit”提交

type="reset"取消

type=“button”按钮样式

下拉列表：<secelt>标签包含<option>,有几个下拉选项就有几个option。

select选择 option选项

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>input练习</title></head><body<form action="img练习.html" method="get"><div>账号：<input type="text"  placeholder="我是一个输入框" required="required"/><br />密码：<input type="password" placeholder="我是密码框"/><br /></div><div><h4>单选框</h4>性别：<label><input type="radio"  value="man" name="sex" id="man"/>男</label><input type="radio" name="sex" id="sex" value="woman"/><label for="sex">女</label></div><div><h4>复选框</h4>兴趣爱好：<label><input type="checkbox"   name="hobby"/>看书</label><label><input type="checkbox"   name="hobby"/>听歌</label><label><input type="checkbox"   name="hobby"/>跑步</label><br /></div><div><h4>下拉选框</h4>做什么呢？<select ><option value="看书">看书</option><option value="听歌">听歌</option><option value="跑步">跑步</option></select><br /></div><div><h4>其他type类型的input</h4>数学：<input type="number" /><br />邮箱email：<input type="email" placeholder="请输入邮箱"/><br /><input type="submit" value="提交" /><input type="button" value="我是个按钮" /></div></form></body>
</html>

运行效果如下;

input文本输入框的type类型相关推荐

jsp接收 input文本输入框中，无法正确显示单引号和双引号的问题
在html的input文本输入框中,无法正确显示单引号和双引号的问题分类: JavaScript2010-12-08 15:02 4074人阅读评论(1) 收藏举报 inputhtmljquer ...
html输入框的文字居中显示,input文本输入框的文字居中处理
input测试 /*reset.css*/ body{width:960px;margin:10px auto;padding:0;font:12px/1.5 Arial, Helvetica, sa ...
html input标签显示放大镜,JS 仿支付宝input文本输入框放大组件的实例
input输入的时候可以在后边显示数字放大镜 JS 仿支付宝input文本输入框放大组件 * { margin: 0; padding: 0; border-width: 1px; } .parent ...
html input文本框样式,css 定义input文本输入框样式
摘要腾兴网为您分享:css 定义input文本输入框样式,找乐助手,长江e号,一点英语,天天爱等软件知识,以及多功能盒子,方寸天地,斗音,蚊声,奶牛牧场,聚好商城,滞纳金计算器,反p2p终结者,lo ...
input的23种type类型
目录概述全部类型传统类型新增类型概述随着html5的出现,input标签新增了多种类型,用以接收各种类型的用户输入.其中传统输入控件有10种,新增输入控件有13种. 全部类型 text 定 ...
使用text类型的文本输入框模拟password类型的密码输入框
项目开发中要求不能直接使用password类型的密码输入框该怎么做?(干货直接跳例5) 最近有个项目,在做登录模块时,要求不让使用password类型的密码输入框,是为了防止报安全问题,因为passw ...
总结4：input文本输入框自动提示
1.页面效果 2.引入CSS/JS <link rel="stylesheet" href="css/jquery-ui.min.css">< ...
文本输入框、密码输入框
当用户要在表单中键入字母.数字等内容时,就会用到文本输入框.文本框也可以转化为密码输入框. 语法: <form><input type="text/password&quo ...
html:(18):文本输入框，密码输入框，文本域
文本输入框.密码输入框当用户要在表单中键入字母.数字等内容时,就会用到文本输入框.文本框也可以转化为密码输入框. 语法: <form><input type="text/ ...

input文本输入框的type类型

input文本输入框的type类型相关推荐

最新文章

热门文章