首頁 > web前端 > html教學 > html form標籤name屬性怎麼用? form標籤的name屬性詳解

html form標籤name屬性怎麼用? form標籤的name屬性詳解

寻∝梦
發布: 2018-08-29 15:37:33
原創
11712 人瀏覽過

本篇文章主要的介紹了關於HTML form標籤的name屬性的用法,最後還有關於name和id之間的區別,本文中說的是name標籤的優點介紹,現在讓我們一起來看這文章吧

我們先來看看HTML form標籤的name屬性用法介紹:

form中的name屬性主要是對這個form進行標記,就像我們每一個人都一個名字一樣,當form有名字的時候我們在進行動態網頁設計時候就可以透過request.form("name")的方法來獲得form表單中的相關資料!

看看form標籤name屬性的實例介紹:

帶有name屬性的HTML表單:

<form action="form_action.asp"method="get"name="myForm">
  <p>请输用户名: <input type="text"name="fname"/></p>
  <p>再输用户名: <input type="text"name="lname"/></p>
  <input type="button"onclick="formSubmit()"value="确定提交吗"/>
</form>
登入後複製

效果如圖所示:

html form標籤name屬性怎麼用? form標籤的name屬性詳解

form標籤的name屬性介紹:

1.name屬性如果給[],在提交表單的時候會把多個name值自動組成陣列提交

2.size屬性表現為兩種屬性,一種是type為text和password,size表現為可見內容的寬度,其他類型的input框則表現為以像素為單位的輸入欄位寬度;常見用法:

<p>PIN:<input type="text" name="pin" maxlength="2" size="2"/></p>
登入後複製

用maxlength配合size屬性進行直接佈局

3.注意size屬性有相容性問題,一般不要用,盡量用css來控制input寬度

以下介紹的是常用name屬性而很少用id屬性的用法:(name和id之間的區別,name的優點)

form標籤的name屬性原來是為了識別之用,但現在根據規範,都建議用id來識別元素。但是name在以下用途是不能取代的:

1.表單(form)的控制項名,提交的資料都用控制項的name而不是id來控制。因為有許多name會同時對應多個控件,例如checkbox和radio,而id必須是全文檔中唯一的。另外瀏覽器會根據name來設定傳送到伺服器的request。因此如果用id,伺服器是無法得到資料的。

2.frame和window的名字,用於在其他frame或window指定target。

以下這點可以通用,但是強烈建議用id不要用name屬性:

錨點,通常以前寫作

<a name="myname">
登入後複製

現在可以用任何的元素id來指定:

<div id="myid">
登入後複製

好了,以上就是關於HTML form標籤的name屬性的介紹了,有問題的可以在下方提問

【小編推薦】

HTML ul標籤的什麼意思? HTML ul標籤的作用詳解

如何為html中的pre標籤中的文字換行? html pre標籤的使用實例

#

以上是html form標籤name屬性怎麼用? form標籤的name屬性詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板