溫馨提示×

html中button標簽的onclick屬性賦值實現方法

清風
6428
2021-03-24 19:17:52
欄目: 編程語言

html中button標簽的onclick屬性賦值實現方法:1.創建html文件;2.在html文件中添加html架構代碼;3.在html架構中的body標簽里面使用button標簽設置一個按鈕并添加onclick屬性事件;4.在html架構中的html標簽里面添加script標簽并添加函數實現賦值;5.通過瀏覽器方式查看設置效果。

html中button標簽的onclick屬性賦值實現方法

html中button標簽的onclick屬性賦值實現方法:

1.首先創建一個html文件。

2.將html架構代碼添加到html文件中。

<!DOCTYPE html>

<html>

    <head>

        <title>button標簽使用onclick屬性示例</title>

    </head>

    <body>

    </body>

</html>

3.在html架構中的body標簽里面使用button標簽設置一個按鈕并添加onclick屬性事件即可。

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

4.再在html架構中的html標簽里面添加script標簽并添加一個函數實現賦值。

<script>

function copyText()

{

document.getElementById("field2").value=document.getElementById("field1").value;

}

</script>

5.最后可通過瀏覽器方式閱讀html文件查看設置效果。

完整示例代碼如下:

<!DOCTYPE html>

<html>

<head>

<title>button標簽使用onclick屬性示例</title>

<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>

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女