1、type='text': 创建单行文本输入框(默认的输入类型) 文本输入框,是一个单行的控件,一般是带有内嵌框的矩形 <input type="text" size="30" maxlength="20" placeholder="请输入搜索关键字" /> // 上面代码意思是:input元素类型为文本输入框;元素长度等于30;最多只能输入20字符;输入框中提示用户内容为“...
<input type="text" name="yourname" size="30" maxlength="20" value="输入框的长度为30,允许最大字符数为20"><br> <input type="text" name="yourname" size="30" maxlength="20" readonly value="你只能读不能修改"> </form> 2,type=password 不用我说,一看就明白的密码输入框,最大的区别就...
<input type="text" name="yourname"> <input type="submit" value="提交"> <input type="reset" value="重置"> </form> 五,备注 <input> 标签支持全局属性和所有HTML事件属性。 目前大多数浏览器支持<input>标签。
在HTML5中,可以通过使用maxlength属性来限制输入框中可输入文本的最大长度。该属性可以应用于以下类型的输入框: <input type="text"> <input type="password"> <input type="search"> <input type="tel"> <input type="url"> <input type="email"> 下面是一个示例代码,演示了如何限制一个文本输入框的最...
除了使用HTML5的属性,我们还可以通过JavaScript来限制输入的长度。下面是一个基于JavaScript的限制输入长度的示例代码: <inputtype="text"id="textInput"/> 1. varinput=document.getElementById("textInput");input.addEventListener("input",function(){if(input.value.length>10){input.value=input.value.slice(0,...
给文本框属性：maxlength="4"，当前文本框输入的字符长度为4，你想要多长就多长
<!doctype html><html><head><meta charset="UTF-8"><title>input属性显示</title><style>.w150 {width:150px;height:30px;line-height:30px;}</style></head><body>text属性为明文：<input type="text" value="12345678" class="w150" /><br /><br />password属性为密文：<input type...
<inputtype="text"name="number"id='number'οnkeyup="if(! /^\d+$/.test(this.value)){alert('只能整数');this.value='';}"/> 如果不是整数就直接alert 5、输入大于0的正整数 <input οnkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value...
参数size：输入框的长度大小。参数maxlength：输入框中允许输入字符的最大数。参数value：输入框中的默认值特殊参数readonly：表示该框中只能显示，不能添加修改。<form>your name:<input type="text" name="yourname" size="30" maxlength="20" value="输入框的长度为30，允许最大字符数为20"><br><input ...