input的name属性使用

最新推荐文章于 2024-10-12 10:25:22 发布

zengshaotao

最新推荐文章于 2024-10-12 10:25:22 发布

阅读量738

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： java

本文链接：https://blog.youkuaiyun.com/zengshaotao/article/details/84493110

javascript 专栏收录该内容

102 篇文章

订阅专栏

本文详细介绍了HTML5中几种关键的交互元素及其事件处理方式，包括输入框、按钮、文本区域等，并展示了如何利用JavaScript操作这些元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<script>
function set(){
var va = document.getElementById("test");
var va1 = document.getElementById("test1");
va1.value = va.value;
//document.write(va1.value);
}

function onLoadTest(){

alert("文档刚刚载入的时候我就开始执行了");
}
function onUnLoadTest(){
alert("关闭窗口的时候我才开始执行");
}
</script>
</head>

<body onload="onLoadTest()" onUnload="onUnLoadTest()">

<p>要正确理解在给定条件下this所代表的实际意义，还有this.value（属性）的正确含义
<form>
<input type="text" id="test1" value="sss" onclick="alert(this.value);"><br>
<input type="text" id="test" value="zzz" onclick="alert(this.value);"><br>
<input type="text" id="test2" value="ttt" onChange="alert('你输入的值是+'+this.value);"><br>
<input type="text" id="test3" value="bbb" onblur="alert('你输入的值是+'+this.value);"><br>
<input type="text" id="test4" value="fff" onselect="alert('你选择的值是'+this.value);"><br>
<input type="button" value="english" onclick="alert('你好');"><br>
<input type="button" name="aaa" value="取值设值" onclick="set();"><br>
<input type="button" value="改变" onclick="this.value = aaa.value;"><br>

<textarea rows=2 cols=2 id="test5" value="ggg" onfocus="alert('你已经聚焦');" /><br>
</form>

</body>
</html>