control属性与placeholder属性

最新推荐文章于 2025-01-08 11:44:24 发布

一叶舟轻-dly

最新推荐文章于 2025-01-08 11:44:24 发布

阅读量437

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML 文章标签： html5

本文链接：https://blog.youkuaiyun.com/xinzhelantian/article/details/55804589

HTML 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个简单的HTML表单示例，演示了如何使用control属性为输入框设置默认值，以及如何利用placeholder属性提供输入提示。通过JavaScript动态设置邮编输入框的默认值，并展示了带有提示文本的文本框。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>control属性与placeholder属性的应用</title>
</head>
<body>
<script>
    function setValue(){
    var label=document.getElementById("label");
    var textbox=label.control;
    textbox.value="010010";
    }
</script>
<form>
    <label id="label">
        邮编:
        <input id="txt_zip" maxlength="6">
        <small>请输入六位数字</small>
    </label>
    <input type="button" value="设置默认值" onclick="setValue()">
    <p>
    <input type="text" placeholder="请输入用户名">
    </p>
</form>
</body>
</html>