《-------------------Form表单标签-------------------》

1、Form表单标签

<form action="" method=""></form>服务器

   表单就是用来将用户的信息提交到服务器,服务器会将信息存储或者根据信息查询数据(增删改查)。spa

表单中全部的内容都要写在form标签中。翻译

<input type="text" value="哈哈哈哈" placeholder="请输入用户名"> orm

Input文本输入框,type类型为text-普通文本输入框。input

Value属性:给文本输入框添加默认值。it

Placeholder属性:文本框中提示性文本。io

<input type="password" placeholder="请输入密码">form

Input类型为password,以密码的形式显示表单

<input type="radio" name="xingbie" value="nan">date

若是实现单项选择的话必须设置name属性一致

Input类型为radio,单项选择输入。能够想象互斥的概念

<input type="checkbox" name="xihao" value="youyong">

Input类型为checkboxcheck就是选择的意思,box是盒子的意思。Checkbox咱们能够翻译为选择框。它是一个多选选择框输入。

Name属性即便设置为一致的,那么也不会单选,仍是多选框。并且通常name属性名字写成一致的。

<p>提交:<input type="submit"></p>

<p>普通按钮:<input type="button" value="我是普通按钮"></p>

<p>重置:<input type="reset"></p>

Input三种类型的button

Submit:提交按钮,将form表单提交到action对应的页面中去

Reset:重置按钮,将form中填写的全部信息重置为默认值

Button:普通按钮、它的功能能够本身去定义

    <textarea name="text" id="text" cols="30" rows="10"></textarea>

Textarea:文本域标签,经过colsrows能够改变它的大小

<fieldset>

<legend>分组标题</legend>

<p><input type="date"></p>日期

<p><input type="color"></p>颜色

<p><input type="file"></p>本地文件

</fieldset>

Fieldset:分组标签。

Legend:设置分组标题标签

相关文章
相关标签/搜索