html---学习之路（form表单的基本属性）

表单form

基本表单格式：

<form  method="post" action="result.html">
   <p>  名字：<input name="name" type="text" >  </p>
   <p>  密码：<input name="pass" type="password" >  </p>
   <p>
      <input type="submit" name="Button" value="提交"/>
      <input type="reset" name="Reset" value="重填“/> 
   </p>
</form>

<form></form>中的属性：

method:

其中常用的两种提交表单方式有post和get，

• get方式是将提交的内容直接显示到url之后
• post方式是将提交的内容封装后提交

通常情况下使用post方式提交

action:

表示向何处发送表单数据

基本输入框：

<input  type="text"  name="fname" value="text"/>

input中的属性：

type:

type的值不同，表现出来文本框的样式也有所不同：

text：

表示本表单是一个普通的文本框

password：

表示输入的是密码，在输入数值时输入的信息变为小黑点

radio：

表示单选框，一般与name属性配合使用

checkbox：

表示多选框，一般与name属性配合使用
其中单选框和多选框中，checked可以设置默认选择的值

file：

表示可以上传文件，通过设置multiple属性可以上传多个文件

type属性也可以当做按钮来使用：

<input type="submit" />                       <!--提交按钮可以直接提交数据-->
<input type="reset" />                              <!--重置按钮-->
<input type="button" value="普通按钮"/>     <!--普通按钮后续配合js使用 -->

点击按钮时，是将同一个<form></form>模块中的信息提交或重置。

name：表示表单元素的名称

可以将多个input文本建立联系

value：表示表单元素的初始值

size：指定表单元素的初始宽度

设置文本框的长度

maxlength：

可以设置本输入框输入的的最大字符数

	<!--form标签管理本文框的区域-->
	<form>
	<!--文本          placeholder占位符可以输入一些提示信息  size文本框长度-->
	文本框：<input type="text" placeholder="提示信息" size="20"  />
	
<hr />
<!--密码 书写的内容都显示一个黑点 maxlength允许输入最大的数-->
密码：<input type="password" maxlength="10"/>
<hr/>

<!--单选框   name表示分组多个只能选择一个     checked表示默认选中-->
性别：<input type="radio" name="1" value="nan" checked="checked"/>男 
	  <input type="radio" name="1"/>女
<hr />

<!--多选框-->
多选框<input type="checkbox" />
<hr />

<!--上传文件   multiple可以上传多个文件-->
上传文件：<input type="file" multiple="multiple" />

<hr />
<!--按钮  value给按钮添加属性-->
<input type="submit" /> <!--提交按钮可以直接提交数据-->
<input type="reset" />  <!--重置按钮-->
<input type="button" value="普通按钮"/>  <!--普通按钮后续配合js使用 -->
</form>