文本框 :<input id="_text" type="text" value="这里是文本框的内容" />
按钮:<input type="button" value="提交" onclick="alert(document.getElementById('_text').value)" />
<script>
function addNumber(everyone)
{
document.getElementById("text1").value += everyone
}
</script><input type="button" onclick="addNumber(1)" value= "1"></input><input type="text" id="text1"></input><input type="button" onclick="addNumber(2)" value= "2"></input>
border-radius属性可以实现元素的圆角。如下css可以实现文本框(单行、多行)的圆角:input[type=text],textarea{border-radius:3pxborder:1px solid #000}
border-radius用法如下:
border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性。
该属性允许为元素添加圆角边框
语法:border-radius: 1-4 length|% / 1-4 length|%
按此顺序设置每个 radius 的四个值。
如果省略 bottom-left,则与 top-right 相同。
如果省略 bottom-right,则与 top-left 相同。
如果省略 top-right,则与 top-left 相同。
单位一般用px和百分比较多,其他单位也可以。
2、HTML中如何设置文本框的大小
边框的大小,可以使用CSS样式控制,如:
<textarea id="txtCon" >content</textarea><style type="text/css">#txtCon{width:100pxheight:20px}</style>
也可以使用文本框自己的属性,定义文本框的行和列控制大小,如:
<textarea id="txtCon" rows="100" cols="100" >content</textarea>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)