input系列和能提交到后台的标签汇总

可以提交到后台的标签

 <h3>可以提交到后台的标签</h3>
    <p>form表单 可以使server端与后台进行数据交互<br/>
        action="网址"数据提交到后台的地址<br/>
        method="get"用get方式提交，是把数据拼接到url以明文的方式提交<br/>
        method="post"用post方式提交 以密文的方式提交<br/>
    </p>
    <form action="http://baidu.com" method="get">
        <label>type="text" 表示文本框 value="inpt中显示的文本" name="user"可以通过name那数据</label>
        <input type="text" value="默认值" name="user" placeholder=""/>
        <br/>
        <label>type="submit"点击按钮可以把数据提交到后台</label>
        <input type="submit" value="提交" placeholder=""/>
        <br/>
        <label>type="password" input中的文本以密文显示 </label>
        <input type="password" placeholder=""/>
        <br/>
        <label>type="button" 表示普通按钮</label>
        <input type="button" value="按钮" placeholder=""/>
    </form>
    <form>
        <br/>
        <label>type="radio"单选框
            name="gender"相同就可以设置每次只能选一个
            value="1"可以使后台区分表单内容
            checked="checked"默认选中一个
        </label>
        男：<input type="radio" name="gender" value="1" checked="checked" placeholder=""/>
        女：<input type="radio" name="gender" value="2" placeholder=""/>
        <br/>
        <label>type="checkbox"多选框 name="faver"可以一次把多选内容提交到后台并用value区分 最后后台拿到faver=[1, 2]</label>
        足球<input type="checkbox" name="faver" value="1" checked="checked" placeholder=""/>
        篮球<input type="checkbox" name="faver" value="2" placeholder=""/>
        羽毛球<input type="checkbox" name="faver" value="3" placeholder=""/>
        <br/>
        <label>type="reset" 可以使重置表单的内容</label>
        <input type="reset" value="重置" placeholder=""/>
    </form>
    <form enctype="multipart/form-data">
        <br/>
        <label>
            type="file" 可以选择上传的文件
            必须依赖from表单中enctype="multipart/form-data"属性才能提交
        </label>
        <input type="file" name="fname" value="选择文件"/>
        <br/>
        <label for="t">多行文本框输入</label>
        <textarea id="t" name="meno" >默认值放中间</textarea>
        <br/>
        <label for="s">下拉选择框
            提交city=value 到后台
            size="5" 设置下拉框中的元素
            multiple="multiple" 设置可以选择下拉框中的多个元素
        </label>
        <select id="s" name="city" size="5" multiple="multiple">
            <option value="1">北京</option>
            <option value="2">上海</option>
            <option value="3">广州</option>
            <option value="4">深圳</option>
        </select>
        <input type="submit"/>
    </form>