小甲鱼web开发24课

显示输出结果output
用for属性和id属性显示被关联的多个个输入

form oninput="x.value=parseInt(a.value)+parseInt(b.value)" action="welcome.php" 
method="get">

        0<input type="range" id="a" value="50" min="0" max="100">100 + 

        <input type="number" id="b" value="50"> = 

        <!-- 使用output元素显示结果 -->

    <output name="x" for="a b">100</output>    

    </form>

---

接收多行文本输入：textarea

input表单元素虽然强大但只能支持单行文本
而textarea用于多行文本输入
设置textarea时必须加入name属性，用于向服务器提交你要提交的是什么东西

 <!-- 接收多行文本输入 -->

        <textarea name="saysth">左手一个小甲鱼，右手一把打火机，哪里不会点哪里，妈妈再也不用担心我的学习了</textarea>

---

textarea元素文本大小属性，rows设置高度，cols设置长度

<!-- 指定文本区的宽度和高度 -->

        <textarea name="saysth" rows="8" cols="40">左手一个小甲鱼，右手一把打火机，哪里不会点哪里，妈妈再也不用担心我的学习啦~</textarea>

rows，cols的单位是按英文字符来计算的，一个中文默认等于两个英文宽度

---

textarea元素的wrap属性，它可以被设置值有soft，hard和off

soft表示在页面渲染中自动对文本进行换行，但（CR+LF）不提交
hard表示在页面渲染中对文本进行自动换行，换行符（CR+LF）提交，指定该属性值必须同时指定cols属性
off表示在页面渲染中不对文本进行自动换行

CR表示回车，LF表示换行

不同的操作系统运用的换行符表示不一样

<textarea name="saysth" rows="5" cols="40" wrap="soft">左手一个小甲鱼，右手一把打火机，哪里不会点哪里，妈妈再也不用担心我的学习啦~</textarea>

soft换行符不提交

hard换行符提交

off不换行，显示滚动条

鱼c小调查

标签：24,web,换行符,textarea,甲鱼,换行,提交,文本,属性
来源： https://www.cnblogs.com/666fc/p/14641213.html