HTML--表单元素

Posted layuechuquwan

tags:

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

<br>每一个都得独占一行

 

表单<form></form>用来承接表单的标签:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)  默认(abe)

所有的元素都包含在<form></form>中

<form action="表单提交的地址" method="提交的方式">

<input type="表单元素类型" name="键" value="值"> 元素

</form>

 

  提交的方式:1. get方式    不安全  数据有大小限制

                      2.  post方式      安全  数据没有大小限制

input type="表单元素"     

name="键"     把整个<form>标签诺比作一叠展示的档案那么 name  就相当于谋一份档案的 编号                  

value=“值”表单被提交时被发送到服务器的值

    文本类型;;;

       文本框  :text

      密码框    :password

      隐藏域    :hidden

<form>
wenbenkuang : <input type="text" name="&nbsp;"><br>
mimakuang: <input type="password" name="paw">
yangcangyu:<input type="stealth" name="sl">

</form>

按钮类型;;;

      submit:提交按钮   是提交整个的<form>标签的内容到服务器

      reset :重置按钮    可以比作清零

     button:普通按钮    自定义用的

选择按钮

单选: radio                              / <label></label>加上之后 点文字也可以进行选择

多选;checkbox                        /

checked  标签    默认选中 比喻 提前选择好  好比 流氓软件

 <input type="checkbox" name="vehicle" value="Car" checked>

文件类型

files属性:::文件上传

下拉框

<select   name="键" >

            <option value=" "></option>

             <option value=" "></option>

            <option value=" "></option>

</select>

文本域

用户可在文本域中写入文本。可写入字符的字数不受限制。

<textarea rows="10" cols="30">
我是一个文本框。
</textarea>

 

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

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

实用代码片段将json数据绑定到html元素 (转)

css有用的代码片段

AngularJS

HTML代码片段

HTML代码片段