表单元素

Posted 徐文昊

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表单元素相关的知识,希望对你有一定的参考价值。

<form action="xxx.html" method="post">      get:显示值   post:隐藏值

        <!-- 密码框-->

        <input type="text" name="文本框" value="XXX" />
        <input type="password" name="密码框" value="XXX" />
        <input type="hidden" name="隐藏框" value="yincang" />
        <textarea name="dade">文本域</textarea>

        <!--按钮类型 -->

        <input type="button" value="百度一下" />
        <input type="submit" value="提交" />
        <input type="reset" value="重置" />
        <input type="image" src="图片按键提交" />

        <!-- 选择按钮 -->
        
        <input type="radio" name="单选" value="男" /><input type="checkbox" name="多选" value="男" /><input type="radio" name="单选" value="女" /><input type="checkbox" name="多选" value="女" /><select name="下拉列表">          <双标签>
            <option>下拉</option>
            <option>列表</option>              + value 优先找到
            <option>的值</option>
        </select>
        <input type="file" />  <!--选择文件 上传 -->
</form>


readonly            只读
disabled="disabled"      不可用不能提交
hidden="hidden"        隐藏
checked="checked"      单选多选中使用
selected="selected 下拉列表做选中

 

以上是关于表单元素的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段5——HTML元素结构

VSCode自定义代码片段5——HTML元素结构

CSS代码片段

CSS代码片段

css有用的代码片段

SpringBoot中表单提交报错“Content type ‘application/x-www-form-urlencoded;charset=UTF-8‘ not supported“(代码片段