HTML中给表单提交input输入框加入一个必填代码

HTML中给input输入框加入一个必填代码

代码示例:

body{
    
    
            position: relative;
            margin-top:400px;
            margin-left:400px;
        }
        .inp1{
    
    
            width:350px;
            height:30px;
            border-right:none;
        }
        .inp2{
    
    
            position: absolute;
            width:100px;
            color:white;
            background-color: red;
            border:2px solid red;
            height:34px;
        }
    

    <form action="http://www.baidu.com">
        <input class="inp1" type="text" required><input class="inp2" type="submit">

运行图片示例:
必填代码
大家可以看到 如果input不输入任何内容是无法进行表单提交的

猜你喜欢

转载自blog.csdn.net/Web_chicken/article/details/108506305