jQuery表单选择器

最新推荐文章于 2022-09-02 21:03:47 发布

恋恋玫瑰花

最新推荐文章于 2022-09-02 21:03:47 发布

阅读量133

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/weixin_42923643/article/details/81605780

版权

jQuery 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery表单选择器</title>
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        $(function(){
            // 注意:需要空格分开,否则失效
            $("#form :text").val("修改后的文本域");
            $("#form :password").val("修改后的password");
            $("#form :checkbox").val("修改后的checkbox");
            $("#form :radio").val("修改后的radio");
            $("#form :image").val("修改后的image");

            //此以下未生效,重新赋值的问题
            // $("#form :file").val("修改后的file");
            // $("#form :hidden").val("修改后的hidden");
            // $("#form :button").val("修改后的botton");
            // $("#form :submit").val("修改后的submit");
            // $("#form :reset").val("修改后的reset");
            $("#form :file").css("border","1px solid red");

            // $("#form :hidden").css("border","1px solid red");
            $("#form :button").css("border","1px solid red");
            $("#form :submit").css("border","1px solid red");
            $("#form :reset").css("border","1px solid red");
        });


    </script>
</head>
<body>
    <form action="" method="get" id="form">
        <input type="text" value="文本域">
        <br>
        <input type="password" value="密码域">
        <br>
        <input type="checkbox" value="复选框"> 复选框
        <br>
        <input type="radio" value="单选按钮">单选按钮
        <br>
        <input type="image" value="图像域" src="images/btn/1.jpg" width="100px" height="100px">
        <br>
        <input type="file" value="文件域">
        <br>
        <input type="hidden" value="隐藏域">
        <br>
        <input type="button" value="普通按钮">
        <br>
        <input type="submit" value="提交按钮">
        <br>
        <input type="reset" value="重置按钮">
        <br>
    </form>
</body>
</html>

恋恋玫瑰花

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery表单选择器

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;jQuery表单选择器&lt;/title&gt; &lt;script type="text/javascript" sr
复制链接

扫一扫