input

最新推荐文章于 2024-10-15 14:59:12 发布
最新推荐文章于 2024-10-15 14:59:12 发布
阅读量160 收藏
点赞数
文章标签： html python html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FantfH/article/details/107188660
版权

input

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 文本输入框 
		input标签会因为type属性值不同功能完全不一样
		name属性：对输入框输入的数据进行说明和区分的，类似字典的key
		value属性：就是输入框中输入显示的内容（和输入框中的内容是双向绑定的）
		placeholder属性：输入框中的提示信息
		maxlength属性：最大输入的文字个数
		-->
		
		
		<label for='tel'>手机号：</label>
		<input id="tel" type="text" name="tel" value="" placeholder="请输入手机号" maxlength="11"/><br><br>
		
		
		<label for="username">用户名：</label>
		<input id="" type="text" name="username" value="" placeholder="请输入用户名"/><br><br>
		
		
		<!-- 2.密码输入框：password -->
		<label for="password">密码</label>
		<input id="password" type="password" name="password" value="" placeholder="请输入密码"><br><br>
		
		
		<!-- 3.单选按钮：radio 
		name属性：同一组选项的那么属性必须相同，才能做到单选效果
		value属性：指定按钮选中时对应的值
		checked属性：默认选中
		-->
		<input type="radio" name='sex' value="男" id="男" checked="checked"><label for="男">男</label>
		<input type="radio" name='sex' value="女" id="女"><label for="女">女</label><br><br>
		
		
		<!-- 4.复选按钮：checkbox
		 name属性：同一组选项中的name属性必须相同
		 value属性：指定按钮选中的
		 
		 
		 
		 -->
		 <font size="" color=""><b>喜好：</b></font>
		<input type="checkbox" name="hobby" id="唱歌" value="唱歌" /><label for="唱歌">唱歌</label>
		<input type="checkbox" name="hobby" id="弹吉他" value="弹吉他" /><label for="弹吉他">弹吉他</label><br><br>
		
		
		<!-- 5.按钮button
		 -->
		<input type="button" name="" id="" value="确定" /><br><br>
		
		
		<!-- button标签
		 -->
		<button type="button">确定</button><br><br>
		
		
		<!-- 6.重置按钮 
		重置当前form标签中所有的相关标签的状态
		-->
		
		<input type="reset" name="" id="" value="重置" /><br><br>
		
		
		<form action="" method="post">
			<label for='tel'>手机号：</label>
			<input id="tel" type="text" name="tel" value="" placeholder="请输入手机号" maxlength="11"/><br><br>
			
			
			<label for="username">用户名：</label>
			<input id="" type="text" name="username" value="" placeholder="请输入用户名"/><br><br>
			
			<input type="reset" name="" id="" value="重置" /><br><br>
		</form>
		
		
		<!-- 提交按钮：
		 将当前form标签中所有设置了name属性的相关标签以name=value的形式对数据进行提交
		 -->
		 <form action="" method="post">
		 	<label for='tel'>手机号：</label>
		 	<input id="tel" type="text" name="tel" value="" placeholder="请输入手机号" maxlength="11"/><br><br>
		 	
		 	
		 	<label for="username">用户名：</label>
		 	<input id="" type="text" name="username" value="" placeholder="请输入用户名"/><br><br>
		 	
			
			<input type="submit" name="" id="" value="提交" />
		 
		 
		 </form>
		
		
	</body>
</html>
再胖还是个小瘦子
关注
input 事件
marko_zheng的博客
12-24 5750
input 事件 1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发，注意：这个事件触发的前提是已经获取了焦点再失去焦点的时候会触发相应的js 3.onchange 当input失去焦点并且它的value值发生变化时触发 4.onkeydown 在 input中有键按住的时候执行一些代码 5.onkeyup 在input中有键抬起的时候触发的事件，...
input事件
weixin_56868210的博客
04-07 1万+
onfocus 当input 获取到焦点时触发 onblur 当input失去焦点时触发，注意：这个事件触发的前提是已经获取了焦点再失去焦点的时候会触发相应的js onchange 当input失去焦点并且它的value值发生变化时触发 onkeydown 在 input中有键按住的时候执行一些代码 onkeyup 在input中有键抬起的时候触发的事件，在此事件触发之前一定触发了onkeydown事件 onclick 主要是用于 input type=button，当被点击时触发此..
Vue自定义InputNumber 计数器组件
xiecheng1995的博客
07-16 3418
ElementUI中关于计数器组件（InputNumber）在设置大小时具有一定局限性。因此利用两个button和一个input对上述计数器进行重构，并封装成组件，供今后使用。 先看效果（hover时）： 上代码： 组件封装（Input_num.vue）: <!-- 自定义Input_num计数器组件 --> <template> <div class="input_num"> <button @click="minus">-&lt
微信小程序input使用
小牧在一直在学习,在前进的道路上大家一起学习，进步。
04-19 1万+
这个input 自己也是花费了2个多小时,熟悉,下面将一一讲解经常使用的里面的属性 value 这个value 就是input中的内容, 如果我们想获取input中输入的内容,value是必须使用的 使用可以在input中 定义 value='{{phone}}' 然后在data中初始化就行了,如果写死的input里面就是死的数据 type type 就 很简单了设置输入的...
input 显示历史记录
蚁族的奋斗的博客
12-13 2934
<form action="http://ap/Login" method="post"> <input type="text" name="name"> <input type="text" name="age"> <input type="text" name="age1"> ...
js设置input只保留一位小数
浩星
08-05 2127
前言： input中只保留小数点后一位，直接不让他输入. 实现方法：这里主要用 input事件来监听，vue中的话用 @input input中加上 oninput=onlyNonNegative(this) function onlyNonNegative(obj) { //清除“数字”和“.”以外的字符 obj.value = obj.value.replace(/[^\d.]/g, ""); //只保留第一个. 清除多余的 obj.value...
input标签
lyh1023812的博客
06-04 2403
<input /> 常用属性：type、value、readonly、maxlength、disable 1.type 元素的类型 2.value 元素的值（默认值） 3.readonly 只读状态 4.maxlength 设置输入的最大的长度，超过则不显示 5.disable 禁用标签 元素类型值：text、password、number、file、radio、checkbox、button、submit、reset、date、week、email、hidden
input类型过滤
看风听雨
04-19 1938
1.input对非数字进行过滤 &lt;input type="text" value="" name="amount" placeholder="充值金额" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onafterpaste="this.value=this.value.replace(/[^0-9]/g,'')&quo
Input属性详解
qq_48621951的博客
07-29 1万+
注意radio（单选框）需要value值相等才可以实现单选的功能，value值可以随意设。（1）当inputtype=“text”、“password”、"hidden"时，定义输入字段的初始值；（2）当inputtype=“button”、“reset”、"submit"时，定义按钮上的显示的文本；（3）当inputtype=“checkbox”、“radio”、"image"时，定义与输入相关联的值；1.name属性元素的名称，也就是name的值代表当前input元素的名字；...
input 金额格式校验
xinpz的博客
10-19 3369
&lt;!-- &lt;input type="number" name="mytext[]" id="money_1" placeholder="费用金额 1" oninput = "value=value.replace(/^(([1-9]\d*)|\d)(\.\d{1,2})?$/g,'')"/&gt; --&gt; &lt;input
C#编程 WinForm窗体开发 InputText(源码)
07-01
C#编程 WinForm窗体开发 InputText(源码)C#编程 WinForm窗体开发 InputText(源码)C#编程 WinForm窗体开发 InputText(源码)C#编程 WinForm窗体开发 InputText(源码)C#编程 WinForm窗体开发 InputText(源码)C#编程 ...
input file上传图片预览
12-30
在前端开发中，"input file上传图片预览"是一个常见的需求，它允许用户选择本地的图像文件，并在上传前提供预览。这个功能在许多网站和应用中都很实用，例如社交媒体平台、在线编辑器或者个人资料设置等。下面将详细...
Linux中Input输入子系统分析.pdf
09-06
Linux 中 Input 子系统的实现代码中，input_alloc_device() 函数用来分配 input 设备的资源，input_register_device() 函数用来注册 input 设备，input_unregister_device() 函数用来注销 input 设备。这些函数提供...
自定义(滑动条)input[type="range"]样式 下载
01-21
<input type="range" id="customRange" min="0" max="100" value="50"> <script src="script.js"></script> ``` 接下来，我们通过CSS3来定制滑动条的样式。在`styles.css`文件中，我们可以定义滑动条的整体外观...
Unknown input format pdf Pandoc can convert to PDF, but not from PDF.解决方案
热门推荐
weixin_43178406的博客
08-07 5万+
本文主要介绍了Unknown input format pdf Pandoc can convert to PDF, but not from PDF.解决方案，希望能对使用Python的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案
关于html的20道前端面试题2
最新发布
weixin_41312759的博客
10-15 907
在HTML中，有两种模式：严格模式和混杂模式。严格模式是一种更严格的解析方式，它要求网页必须遵循一些特定的规则和标准。当浏览器遇到不符合规范的代码时，它会停止解析并显示错误信息。严格模式有助于提高网页的质量，避免潜在的错误和兼容性问题。要在HTML文档中使用严格模式，可以在DOCTYPE>声明后面加上"strict"关键字。例如：<!混杂模式是早期的浏览器默认工作模式，它允许浏览器以一种较为宽松的方式解析和渲染网页。
HTML（六）超链接
2301_80349538的博客
10-13 311
【代码】HTML（六）超链接详解。
Html 标题加图标
fhqiwmc的博客
10-10 490
注意：一般请使用16*16的ico图标，不过经测试现代浏览器支持多种格式和多种大小格式的图标。本案例使用的是32*32大小的Png图标也是支持的。
pandas中数据子集的获取
weixin_43597208的博客
10-14 471
通常，在pandas模块中实现数据框子集的获取可以使用iloc、loc和ix三种方法，这三种方法既可以对数据行进行筛选，也可以实现变量的筛选，它们的语法可以表示成[rows_select,cols_select]。iloc只能通过行号和列号进行数据的筛选，可以将iloc中的i理解为’integer’，即只能向[rows_select,cols_select]指定整数列表该索引方式与数组的索引方式类似，都是从0开始，可以间隔取号，对于切片仍然无法取到上限。
input input 事件
02-20
input事件是一种在Web开发中常用的事件类型，它用于监听用户在输入框或文本区域中输入内容的操作。当用户在输入框中键入、粘贴或删除文本时，就会触发input事件。 通过监听input事件，我们可以实时获取用户输入的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值