<body>
<form action="/example/html/form_action.asp" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>
<p>请单击确认按钮,输入会发送到服务器上名为 "form_action.asp" 的页面。</p>
</body>
</html>
用的是INPUT标签。
input标签后面的type是输入的类型
type="text"是文本输入框
type="submit"是提交按钮
他会被标记为一个类似于变量的结构
name后面就使用输入数值的时候的名字
HTML输入框输入后变成文本是通过输入后失去焦点,更改为label嵌套input来实现的。
实现思路:当输入文本后,隐藏input对象,然后把文本内容追加到label标签内。
实现代码:
1、html代码:
<!DOCTYPE
html>
<html>
<head>
<script
src="jquery-1.8.3.min.js"/>
</head>
<body>
<label>
<input
type="text"
name="输入后消失"
id="input1"/>
</label>
</body>
</html>
2、js代码:
$(document).ready(function(){
$("#input1").blur(function(){
$(this).hide()
$(this).parent().html($(this).val())
})
})
3、显示效果如下:
输入文字:
显示结果:
可以使用html5的number类型实现限制文本框只能输入数字。
具体步骤如下:
需要准备的材料分别是:电脑、浏览器、ultraedit。
1、在ue编辑器中新建一个空白的html文件。
2、在ue编辑器中输入以下html代码。
3、编辑完成以后,在ue编辑器中点击保存,格式选择UTF8无BOM。
4、在浏览器中打开此html文件,可以看到最终想要实现的限制文本框只能输入数字效果。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)