在html中,很多人都會遇到表單,但也有很多人不知道html表單標籤是什麼?現在很多網站都會用到表單,特別是一些醫療網站,可以收集一些用戶的信息,那麼,接下來,我們就來講述一下html中的form標籤使用方法。
之前的。目前,表單是擁有新的表單不同類型的輸入,其實也是更多的去控制和進行驗證,使用者可以在選框和下單框進行輸入資訊。 語法:
其中Input有很多類型,都是可以滿足使用者的使用的需求,例如:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>表单form标签</title>
</head>
<body>
<form>
<input type="text" value="这是一个文本框"/><br/>
<textarea></textarea><br/>
<select>
<option>HTML</option>
<option>CSS</option>
<option>JavaScript</option>
</select>
</form>
</body>
</html>
顯示效果如下:
二:html中的form標籤使用方法
在表單中,表單標籤有好幾個屬性,其中就包括了action、method、enctype和target,但在實際操作中,我們很多使用這些,因為這些使用都不是廣泛。
1.表單名稱name
很多程式設計師在製作網站的時候,可能與遇到一個頁面上有兩個或三個表單,為了我們區分這些表單,我們可以使用表單名稱name來命名進行命名表單,前面命名的名字不能出現空格等一些特殊符號,表單的命名也是也便於程式設計師修改,也防止使用者提交表單出現混亂。
表單名稱name語法:
<form name="php1">
……
</form>
其中php1就是表單的命名。
2.action
在表單中,我們使用action來進行表單的提交,可以提交到位址中處理。 【推薦閱讀:提交表單:js中form表單是如何提交的】
#action語法:
<form action="表单的处理程序">
……
</form>
表單處理的程式是根據使用者提交的地址,這個程序也是用於對表單的資訊的蒐集,提交的地址可以是相對的,也可以是絕對的,也可以是其他形式的地址。
3.傳送method方法
method是告訴瀏覽器指定將表單中,使用哪一個提交方式,method的取值有兩種,一種是get,另外一種就是post。 get的預設值是資料傳送到指定鏈接,然後這個url是送到程式上處理。 get屬性值是被包含在主體中,然後再送到程式上處理。
4.target的目標顯示方法
表單中的target和a標籤屬性一樣,都是表示在指定視窗中打開,然而target的預設值_self和新視窗打開,其他兩種用的都是很少的。
以上就是html表單標籤是什麼? html中的form標籤使用方法的完整介紹,如果你想了解更多有關JavaScript教學,請專注於php中文網。