textarea的value属性 placeholder属性
大家好,如果您还对textarea的value属性不太了解,没有关系,今天就由本站为大家分享textarea的value属性的知识,包括placeholder属性的问题都会给大家分析到,还望可以解决大家的问题,下面我们就开始吧!
[HTML表单]1.textarea(多行文本域)
浏览器将表单的数据打包后发送给服务器,服务器接收后转由程序处理。
<form>表单元素</form>
表单本身不可见,只是一个区域。
语法:
<input/>
属性:
1)type(类型)
可选值:
text(文字域) password(密码域) file(文件域,不同浏览器显示不同) checkbox(复选域,同组name值最好一样.以便服务器区分) radio(单选域,同一组的name值要相同) button(按钮) submit(提交按钮) reset(重置按钮) hidden(隐藏域,用户看不到但可传递到服务器) image(图像域,实际是按钮的功能) checked(单选多选设置默认值)
2)name(文字域的名称)
3)maxlength(最大字符长度)
4)size(文本框的宽度,字符个数为单位,默认20)
5)value(文本框默认值,是要提交给服务器的值)
6)placeholder(提示信息)
2)<select>-菜单和列表标签<option>-菜单和列表项目标签
优点:
节约网页空间。
语法:
<select>
<option value="">选项1</option>
</select>
select属性:
1)name(名称)
2)multiple(设置可选择多个,会从下拉菜单变为列表菜单,按住ctrl可多选)
3)size(设置列表可见选项数目,会从下拉菜单变为列表菜单)
option属性:
1)selected(默认选中)
2)value(传送给服务器的值)
3)<optgroup>-菜单和列表项目分组标签
语法:
<select>
<optgroup label="组名">
<option>选项</option>
</optgroup>
</select>
4)<textarea>-文字域标签(多行)
语法:
<textarea>内容</textarea>
注意:
开始标签和结束标签之间不要有换行或者空格。
属性:
1)name(名称)
2)placeholder(提示信息)
3)rows(可见行数)
4)cols(可见宽度,只是大约数据)
...target=“id”)然后会弹出对应的隐藏域textarea
思路很重要:点击——弹出——获取焦点且光标在最后显示;一步步做
首先获取getElementById("当然你也许用其他的方式获取");然后就是 xx.style.display="";总之思路很重要:我的回答仅仅提供思路而已,具体请看下面的网址
接下来有个网址:
这个不是跟你的问题一模一样,有时候这是很锻炼人的!
文本域的如何限制文本域textarea的字数
通常的做法就是使用JavaScript脚本语言来实现对textarea文本域的字数输入限制,简单而实用。假设我们有一个id为 txta1的textarea文本区,我们可以通过以下代码限制它的键盘输入字数为10个字(汉字或其他小角字符):
<script language=javascript type=text/ecmascript>
window.onload= function()
{
document.getElementById('txta1').onkeydown= function()
{
if(this.value.length>= 10)
event.returnValue= false;
}
}
</script>
它的原理是通过对keydown(键盘键位按下)事件对指定id号的文本区进行监测,它只能限制键盘输入,如果用户通过鼠标右键粘贴剪切板中的文本,它无法控制字数。试看以下效果,请尝试用键盘输入:
速度速度分散对
通过键盘输入,以上文本区只能输入10个字。但是,我们的目的并没有达到!请随便复制一些文本,试着用鼠标右键粘贴,看看发生了什么。
你可以在网上找到类似上述的其他JS脚本,它们不管多么优秀,其原理都是一样的,通过对keydown、keyup或keypress之类的键盘键位操作事件来监控文本区的输入,无法防止鼠标右键的粘贴,为此,如果一定要真正地限制textarea的字数,我们还得为网页加另一把锁——禁用鼠标右键,这无疑得付出额外的开销,同时也可能是网页制作者不一定愿意做的。其实,还有一个更简单的方法,使用onpropertychange属性。
onpropertychange可以用来判断预定元素的value值,当元素的value值发生变化时判断事件就会被触发,仅关心被监测元素的value值,避开了输入的来源,从而可以比较理想地达成我们的限制字数这一目的。它属于JS范畴,可以在表单方框区代表中嵌套使用,以下是代码和效果样式,可以像上面那样测试输入,你会发现它真正达到目的:不管用什么方式输入,它只能输入100个字(汉字或其他小解符号):
代码:
<textarea onpropertychange=if(value.length>100) value=value.substr(0,100) class=smallArea cols=60 name=txta rows=8></textarea>
样式:
当然,为了更为保险,处理表单数据的后台脚本程序还应该对提交来的数据进行再一次的检测,如果字数超出预设的数量则进行相应处理,这样才达到真正限制字数的目的。
好了,文章到此结束,希望可以帮助到大家。