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

运行图片示例:
HTML中给表单提交input输入框加入一个必填代码_第1张图片
大家可以看到 如果input不输入任何内容是无法进行表单提交的

你可能感兴趣的:(html基础,表单提交,html,css,css3,html5)