一个html页面中怎么添加文本框?

一个html页面中怎么添加文本框?,第1张

文本框 :<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>

这样子:

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<style type="text/css">

#content {

border: solid #f00 /*设置边框样式跟颜色*/

margin: 0 auto /*设置div居中*/

width: 200px /*设置div宽度*/

height: 200px /*设置div高度*/

border-width: 5px /*设置边框宽度*/

background: #ff0 /*设置背景色*/

}

</style>

</head>

<body>

<div id="content">今天天气不错</div>

</body>

</html>

效果:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7013382.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存