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()
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐