美文网首页
HTML表单用法

HTML表单用法

作者: 8d2855a6c5d0 | 来源:发表于2017-04-27 22:11 被阅读0次

    表单需要用form标签包围

    <from action="提交到服务器地址" method="get/post"></from>
    

    单选框

    <input type="radio" name="sex" value="man" >男
    <input type="radio" name="sex" value="woman">女
    

    多选框

    <label><input type="checkbox" name="" value="dota">dota</label>
    <label><input type="checkbox" name="" value="旅游" checked>旅游</label>
    <label><input type="checkbox" name="" value="宠物" checked>宠物</label>
    

    密码框

    <input type="text" name="" placeholder="默认显示的文字">
    

    单行文本框

    <input type="text" name="" placeholder="默认显示的文字">
    

    多行文本框

    <textarea name="" cols="10" rows="5" >
            默认显示的文本
    </textarea>
    

    下拉菜单栏

    <select>
        <option value="beijing">北京</option>
        <option value="shanghai" selected>上海</option>
        <option value="hangzhou">杭州</option>
    </select>
    

    隐藏域

    <input type="hidden" name="" value="">
    

    上传文件

    <input type="file" name="" accept="定义上传文件类型">
    

    按钮

    <button>提交</button>
    <input type="buttom" value="按钮">
    <input type="submit" value="提交">
    <input type="reset" value="重置">
    

    相关文章

      网友评论

          本文标题:HTML表单用法

          本文链接:https://www.haomeiwen.com/subject/fainzttx.html