`
秦瑶123
  • 浏览: 14971 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

input

    博客分类:
  • html
阅读更多

<input> 标签用于搜集用户信息。

根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

文本域(Text fields)本例演示如何在 HTML 页面创建文本域。用户可以在文本域写入文本。

<html>

<body>

<form>
名:
<input type="text" name="firstname">
<br />
姓:
<input type="text" name="lastname">
</form>

</body>
</html>

 密码域本例演示如何创建 HTML 的密码域。

<html>

<body>

<form>
用户:
<input type="text" name="user">
<br />
密码:
<input type="password" name="password">
</form>
<p>
请注意,当您在密码域中键入字符时,浏览器将使用项目符号来代替这些字符。
</p>
</body>
</html>

 

复选框本例演示如何在 HTML 页中创建文本框。用户可以选中或取消选取复选框。

<html>

<body>

<form>
我喜欢自行车:
<input type="checkbox" name="Bike">
<br />
我喜欢汽车:
<input type="checkbox" name="Car">
</form>

</body>
</html>

 

分享到:
评论

相关推荐

    纯CSS3实现漂亮的input输入框动画样式库(Text input love)

    分享一个用纯 CSS3 实现的,漂亮的 input 输入框动画样式库-Text input love。 点击每个输入框都用不同的动画效果,始终显示标签label,并显示 placeholder(占位符)文本。 演示地址:...

    Input XSS最新漏洞及利用

    如果当你在Input框中输入“”,并在新 页面的源代码中找到这对标签的话,那么基本上就说明它存在Input XSS漏洞;而“”则是它的可视化检测方式;如果“&lt;script&gt;alert(/xss/)”能够实现,则证明该页面可以实行脚本...

    input框中自动展示当前日期yyyy/mm/dd的实现方法

    直接上代码: &lt;!...&lt;... &lt;head&gt;...input框中自动展示当前日期&lt;... var _input = document.getElementById('input'); var date = new Date(); var seperator = /; var year = date.getFul

    vue点击input弹出带搜索键盘并监听该元素的方法

    1.遇到问题: 需要做一个点击input弹出带搜索的键盘。...input @keyup.13=show() type="search" ref="input1"&gt; show(){ this.$refs.input1.blur(); } 3.测试时发现ios无法弹出带搜索的键盘 解决: 给

    vue实现移动端input上传视频、音频

    vue移动端input上传视频、音频,供大家参考,具体内容如下 html部分 现场视频 &lt;video id=videoId controls width=100%&gt;&lt;/video&gt; &lt;input style=display:none; id=pop_video type=file accept=...

    微信小程序实现简单input正则表达式验证功能示例

    本文实例讲述了微信小程序实现简单input正则表达式验证功能。分享给大家供大家参考,具体如下: 1、效果展示 2、关键代码 index.wxml文件 &lt;input placeholder="输入内容" bindinput="check"&gt;&lt;/input&gt; ...

    js与jquery实时监听输入框值的oninput与onpropertychange方法

    本文实例讲述了js与jquery实时监听输入框值的oninput与onpropertychange方法。分享给大家供大家参考。具体如下: 最近做过一个项目,需求是下拉框里自动匹配关键字,具体细节是实时监听文本框 value 值的变化,然后...

    正则表达式解决input框固定输入值得格式(金额,特殊字符)

    在写输入用到input的时候,经常出现以下几种情况: 只能输入某。栗子:只能输入数字,只能输入字母(大写,小写)只能输入某固定格式。栗子:只能输入金额,只能输入小数且最多保留2位不能输入某。栗子:不能输入...

    input样式-input

    关于 INPUT type=file 的样式 CODE:INPUT type=file _________________________________________ &lt;input type="file" name="file" size="40" style="background-color:#f9f9f9; color:#336699; border: 1 double #...

    Input框后面的“X”实现清除文本框插件

    IE11 在Input框内添加一个“X”,用来点击清除用户输入的数据,个人觉挺好用的,但是其它浏览器不会出现, 特进行插件扩展,实现所有浏览器都能出现“X” 实现原理: 此插件通过查找所有Input框 type="text" 属性 ...

    vue input实现点击按钮文字增删功能示例

    本文实例讲述了vue input实现点击按钮文字增删功能。分享给大家供大家参考,具体如下: &lt;!doctype html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;meta name=viewport content=...

    Android input系统.pdf

    Android的input系统获取用户输入, 分发给特定的接收者(Framework或应用程序)进行处理, 这个流程涉及到以下一些模块:  InputReader.cpp : 负责从硬件获取输入, 转换成事件(Event), 并分发给Input Dispatcher. ...

    SPSS input SPSS input

    SPSS input SPSS inputSPSS input SPSS inputSPSS input SPSS input

    js在编辑框input下根据输入内容显示匹配内容的下拉列表

    实现一个在编辑框input下根据输入内容显示匹配内容的下拉列表。 实现思路很简单: 将匹配的内容放在一个div中,input输入时把匹配内容的div显示在input下面。 在做的过程中遇到一个棘手的问题: input的onblur中隐藏...

    Vue触发隐藏input file的方法实例详解

     将input的z-index设置为1以上的数字并覆盖到需点击的内容上,将input的样式opacity设置为0(即为透明度为0),这样通过绑定在input上的change事件触发 —-推荐 &lt;input type=file @change=picUpload($event)...

    HTML5&CSS3网页制作:Input元素的其他属性.pptx

    Input元素的其他属性 Input元素的其他属性 01 autofocus属性 &lt;input type="password" autofocus="true"/&gt; 描述 autofocus属性用于指定页面加载后是否自动获取焦点,将标记的属性值指定为true时,表示页面加载完毕后...

    input按钮onclick事件大全

    input按钮onclick事件大全input按钮onclick事件大全

    vue组件系列之TagsInput详解

    TagsInput 是一种可编辑的输入框,通过回车或者分号来分割每个标签,用回退键删除上一个标签。用 vue 来实现还是比较简单的。 先看效果图,下面会一步一步实现他。 注:以下代码需要vue-cli环境才能执行 (一)伪造...

    jquery获取input表单值的代码

    jquery取radio单选按钮的值$(“input[name=’items’]:checked”).val();jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(...

    vue中使用input[type=”file”]实现文件上传功能

    注意:input[type=file] 标签中的属性accept=application/msword,application/pdf 在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格式的判断,以及对应显示样式的设置.(我也是刚...

Global site tag (gtag.js) - Google Analytics