TEXTAREA标签设置动态默认值

本文详细介绍了HTML中的TEXTAREA标签,它用于创建多行文本输入框。讨论了wrap属性的virtual和physical设置对文本自动换行的影响,以及如何设置和获取textarea的默认值。在动态设置textarea默认值时,需确保赋值操作在界面加载后执行。
摘要由CSDN通过智能技术生成

TEXTAREA作用

标签也是一个输入标签,可以理解为input标签得一个扩展(没有value属性),通常界面上大文本输入框都是使用的 textarea

TEXTAREA换行

通常情况下,当用户在输入文本区域中键入文本后,浏览器会将它们按照键入时的状态发送给服务器。只有用户按下 Enter 键的地方生成换行。

如果您希望启动自动换行功能(word wrapping),请将 wrap 属性设置为 virtual 或 physical。当用户键入的一行文本长于文本区的宽度时,浏览器会自动将多余的文字挪到下一行,在文字中最近的那一点换行。

wrap=“virtual” 将实现文本区内的自动换行,以改善对用户的显示,但在传输给服务器时,文本只在用户按下 Enter 键的地方进行换行,其他地方没有换行的效果。

wrap=“physical” 将实现文本区内的自动换行,并以这种形式传送给服务器,就像用户真的那样键入的。因为文本要以用户在文本区内看到的效果传输给服务器,因为使用自动换行是非常有用的方法。

如果把 wrap 设置为 off,将得到默认的动作。

TEXTAREA默认值

静态默认值
 <div id="myDiv" class="col-sm-10" style="height:250px;width:100%;overflow:visible;word-break:break-all">
            <textarea id="mesg">默认值XXXX</textarea>
        </div>

注意:若此时界面输入了值,可以直接使用 $('#mesg').val()来取值,若界面没有输入,此时取到的值为默认值【默认值XXXX】

动态默认值
赋值

实现思路:1.先获取动态拼接默认拼接值;
2.赋值(注意:有些人赋值没成功,你需要将赋值的动作放在界面展示的div之后,或者使用$(document).ready()函数)

 $(document).ready(function () {
            msg = "【" + userNameRe + "】 用户,您好,目前正在进行估减值系统权限自查活动,经过查询,目前您已超过3个月未登陆系统;您的系统角色为  【" + roleNameRe + "】 ,请问是否保留当前的角色和权限;如果需要取消,请回复邮件至wangshan@orientsec.com.cn,申请取消当前估减值系统的角色和权限,谢谢!"
            $('#mesg').val(msg)
        },
    )
取值
//输入框未更新则获取的未默认值,否则获取的为输入框中的值
//此步骤可以放在【提交】或其它按钮中执行
$('#mesg').val()
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值