首頁 > web前端 > html教學 > HTML 关于表单 Form_html/css_WEB-ITnose

HTML 关于表单 Form_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:24:29
原創
1621 人瀏覽過

Form(表单)主要用于采集和提交用户输入的信息,是页面与WEB服务器交互过程中 最重要的信息来源。

掌握表单(Form)有以下几个要点:

重要form属性

form常用控件

form提交方式

§  重要form属性

action {URL}:规定表单提交时向何处发送数据。

enctype :规定在发送表单数据之前如何对表单数据进行编码。(值如下)

       application/x-www-form-urlencoded :在发送前编码所有字符(默认为此方式)。

         multipart/form-data :不对字符编码。 注:使用包含文件上传控件的表单时,必须使用该值。

method:指定表单以何种方法发送。

        get :from表单里所填的值,附加在action指定的URL后面,做为URL链接而传递。(可以在地址栏看见表单的提交信息)

        post :from表单里所填的值,附加在HTML Headers上。(不可以在地址栏看见表单的提交信息)

 

§  form常用控件

  

   建议:每一个表单元素的文字描述都使用两标签之间的内容即为对绑定的表单控件的文字描述)

   注意:每个表单元素应当分配 name 属性 和 id 属性。( name 属性和 id 属性应该尽可能地使用相同的或相关的值。)

      name 属性:用来将数据提交到服务器;

      id 属性:用来在客户端做相应的操作;如:

 

文本输入框:          

1)、input type="text" 单行文本框 

<label for= "Account">账号:</label><input type="text" name="Account" id="Account" value="账户" maxlength="20">
登入後複製

2)、textarea 多行文本框

<label for="comment">评论:</label><textarea name="comment" id="comment" cols="30" rows="15" maxlength="100"></textarea>
登入後複製

说明: maxlength 规定文本区域的最大字符数;如果在