Web学习之⽂本框的三种实现⽅式
版权声明：本⽂为博主原创⽂章，未经博主允许不得转载。 blog.csdn/yxys01/article/details/78338703
1、单⾏⽂本框：
<input type="text" />
2、多⾏⽂本框（⽂本域）：
<textarea ></textarea>
textarea 标签
代表HTML表单多⾏输⼊域
textarea标签是成对出现的，以<textarea>开始，以</textarea>结束
属性
common公共属性
accesskey表单的快捷键访问⽅式
cols多⾏输⼊域的列数
disabled输⼊域⽆法获得焦点、⽆法选择，以灰⾊显⽰，在表单中不起任何作⽤name元素名称
readonly输⼊域可以选择，但是⽆法修改
rows多⾏输⼊域的⾏数
tabindex输⼊域的”tab”键遍历顺序
3、<div> 标签实现多⾏⽂本栏
<textarea id="test1" ></textarea>
<div id="test2" ></div>
<input type="button" value="Start" onclick="start();">
<input type="button" value="Stop" onclick="stop();">
var count = 1000;
function start(){
$("#test1").html('');
$("#test2").html('');
timeBox = setInterval(function(){
$("#test1").append('number:['+count+']--->I Love You\n')
var scrollTop = $("#test1")[0].scrollHeight;
$("#test1").scrollTop(scrollTop);
$("#test2").append('number:['+count+']--->I Love You<br/>')
$("#test2").scrollTop($("#test2")[0].scrollHeight);
count--;
if(count == 0){
clearInterval(timeBox);
count = 1000;
}
},1000);
html内容文本框}
function stop(){
count = 1000;
clearInterval(timeBox);
}
另外可以参考： ⼀⽂

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。