HTML

標簽

HTML

標簽作用

HTML

標簽是

文檔的一部分，其中包含諸如文本字段，密碼字段之類的控件，復選框，單選按鈕，提交按鈕，菜單等。

HTML

可幫助用戶輸入要發(fā)送到服務器進行處理的數(shù)據(jù)，例如姓名，電子郵件地址，密碼，電話號碼，等。

為什么要使用HTML

標簽

如果要從站點訪問者那里收集一些數(shù)據(jù)，則需要HTML

。

例如:用戶想在互聯(lián)網(wǎng)上購買某些物品，他/她必須填寫表格，例如送貨地址和信用卡/借記卡詳細信息，以便可以將物品發(fā)送到給定的地址。

HTML

語法

// input 中可以是文本框、富文本框,單選框、各種按鈕

HTML

標簽說明

標簽

說明

它定義了HTML

以在使用側(cè)輸入輸入。

它定義了一個輸入控件。

它定義了多行輸入控件。

它為輸入元素定義標簽。

它以表格的形式將相關元素分組。

它為

元素定義標題。

它定義了一個下拉列表。

它在下拉列表中定義了一組相關選項。

它在下拉列表中定義一個選項。

它定義了一個可點擊的按鈕。

HTML 5中

標簽說明

我們來看看HTML 5

標簽的列表。

標簽

說明

它指定了用于輸入控制的預定義選項的列表。

它為

定義了密鑰對生成器字段。

它定義了計算結果。

HTML

元素

HTML

元素提供了一個文檔部分，用于接收用戶的輸入。它提供了用于向Web服務器提交信息的各種交互式控件，例如文本字段，文本區(qū)域，密碼字段等。

注意:

元素本身并不創(chuàng)建，但它是包含所有必需的元素(例如、等)的容器。

語法:

// 表單元素

HTML 元素

HTML 元素是基本

元素。它用于創(chuàng)建字段，以接受用戶輸入。我們可以應用不同的輸入字段來收集不同形式的用戶信息。以下是顯示簡單文本輸入的示例。

示例:

Enter your name

輸出:

HTML TextField控件

輸入標記的type ="text"屬性可創(chuàng)建文本字段控件，也稱為單行文本字段控件。 name屬性是可選的，但對于服務器端組件(例如JSP，ASP，PHP等)是必需的。

First Name:

Last Name:

輸出:

注意:如果您省略'name'屬性，則文本字段輸入將不會提交給服務器。

HTML 標記形式

HTML中的標記用于在中插入多行文本。可以使用"行"或" cols"屬性或通過CSS指定的大小。

示例:

Form in HTML

Enter your address:

輸出:

中的標簽標簽

最好在

中添加標簽。因為它使代碼解析器/瀏覽器/用戶友好。

如果您單擊標簽，它將集中在文本控件上。為此，您需要在標簽標簽中具有for屬性，該屬性必須與輸入標簽的id屬性相同。

注意:注意:最好將標記與一起使用，盡管它是可選的，但是如果您將使用它，則在您點擊或單擊時它將提供焦點。在標簽標簽上。觸摸屏更值得。

First Name:

Last Name:

輸出:

HTML密碼字段控件

在密碼字段控件中，用戶看不到密碼。

Password:

輸出:

HTML 5電子郵件字段控件

HTML 5中新增的電子郵件字段。它會驗證文本是否包含正確的電子郵件地址。您必須使用@和。在這個領域。

Email:

它將在如下瀏覽器中顯示:

注意:如果我們輸入的電子郵件不正確，則會顯示如下錯誤:

單選按鈕控件

單選按鈕用于從多個選項中選擇一個選項。它用于選擇性別，測驗問題等。

如果對所有單選按鈕都使用一個名稱，則一次只能選擇一個單選按鈕。

使用單選按鈕顯示多個選項，一次只能選擇一個選項。

Gender:

Male

Female

復選框控件

該復選框控件用于檢查給定復選框中的多個選項。

Hobby:

Cricket

Football

Hockey

注意:這些與單選按鈕相似，不同之處在于它可以一次選擇多個選項，單選按鈕可以一次選擇一個按鈕并顯示。

輸出:

提交按鈕控件

HTML

用于在網(wǎng)頁上添加提交按鈕。當用戶單擊"提交"按鈕時，表格將提交到服務器。

語法:

type="submit" ，指定它是一個提交按鈕

value屬性可以是我們在網(wǎng)頁按鈕上編寫的任何內(nèi)容。

此處可以省略name屬性。

示例:

Enter name

Enter Password

輸出:

HTML

元素:

HTML中的

元素用于對的相關信息進行分組。此元素與

元素一起使用，該元素為分組的元素提供標題。

示例:

User Information:

Enter name

Enter Password

輸出:

HTML

示例1

以下是簡單注冊形式的示例。

Form in HTML

Registration form

User personal information

Enter your full name

Enter your email

Enter your password

confirm your password

Enter your gender

Male

Female

others

Enter your Address:

輸出:

HTML

示例2

讓我們看一個創(chuàng)建HTML

的簡單示例。

Enter name:
Enter password:
Enter Email:	>
Enter Gender:	male female
Select Country:	india pakistan africa china other

Enter name:

Enter password:

Enter Email:

Enter Gender:

male female

Select Country:

india pakistan africa china other

支持瀏覽器

標簽

支持

支持

支持

支持

支持

總結

以上是生活随笔為你收集整理的姓名性别电话邮箱html表单,HTML form标签语法、属性、规范和示例详细说明-立地货...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。