From表单的属性与Input元素

From表单的属性与Input中的类型与属性;

    <style>
        *{
            margin:0;padding:0;
        }
        li{
            margin:10px;list-style: none;
        }
    </style>
    <body>
        <form action="" method="get">
            <ul>
                <li><input type="text" name=""/></li>
                <li><input type="password" name=""/></li>
                <li><input type="email" name=""/></li>
                <li><input type="url" name=""></li>
                <li><input type="tel" name="" autocomplete="on"></li>
                <li><input type="date" name="" value=""></li>
                <li><input type="number" name="" min="0" max="145" step="2" ></li>
                <li><input type="color" name="" value=""></li>
                <li><input type="checkbox" name="" value=""></li>
                <li><input type="radio" name="" value=""></li>
                <li><input type="range" name="" value=""></li>
                <li><input type="button" name="" value="按钮"></li>
                <li><input type="reset" name="" value="重置"></li>
                <li><input type="submit" value="提交"></li>
            </ul>
        </form>
    </body>

下面介绍下form表单的必填项 :
action="路径" 向何处发送表单数据;
method="get/post" 如何发送表单数据 ;
name="" 提交到服务器后的表单数据进行标识;

input中有的属性:
type='' 类型;
value='' 表单元素内容;
src='' 路径;
placeholder='' 可描述输入字段预期值的提示信息;
step='' 输入字段的数字间隔;
title='' 提示语(与pattern一起使用);
pattern='/正则/' 用于验证输入字段的模式;
autocomplete='on/off' 输入字段是否应该启用自动完成功能;
min='' 最小值;
max='' 最大值;
autofocus 自动聚焦;
required 使该input为必填项;

From表单的属性与Input元素

推荐阅读更多精彩内容