＜input＞button居中显示

最新推荐文章于 2024-05-31 12:30:47 发布

黑暗中的一束光1023

最新推荐文章于 2024-05-31 12:30:47 发布

阅读量3.8k

点赞数 1

分类专栏： HTML学习

本文链接：https://blog.csdn.net/qq_43145360/article/details/108225416

版权

HTML学习专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<p align=center> <input type="button" value="value"> </p>
<input type="text" style="height:60px;width:80%;font-size: 30px" value="192.168.1.125:"><input type="text" style="height:60px;width:20%;font-size:30px" value="8080"><br />
/*style:
name:
id:
height:
width:
font-size:
value:
*/

html函数定义方法，按钮事件响应

<!DOCTYPE html>
<html>
<head>
<script>
function copyText()
{
document.getElementById("field2").value=document.getElementById("field1").value;
}
</script>
</head>
<body>

Field1: <input type="text" id="field1" value="Hello World!"><br>
Field2: <input type="text" id="field2"><br><br>

<button onclick="copyText()">复制文本</button>

<p>当按钮被单击时触发函数。此函数把文本从 Field1 复制到 Field2 中。</p>

</body>
</html>