HTML原生表單元件的使用

2021-09-27 09:39:07 字數 1336 閱讀 2999

原生表單元件主要包含:文字輸入框、單行文字框、e-mail 輸入框、密碼輸入框、搜尋框、**號碼輸入框、url 輸入框、多行文字框、下拉元件、可勾選元件、按鈕。

一、文字輸入框(input):

html 文字框只是個純文字輸入控制項。這就意味著你不能用它來進行富文字編輯(如加粗、斜體等)。所謂的富文字編輯器其實都是自定義的元件。

所有文字域的通用規範:

1、單行文字框

單行文字框是用 type 屬性值為 text 的元素建立的(若未提供 type 屬性值,text 為預設屬性)。此外,如果你指定給 type 屬性的值不被瀏覽器支援(比如 type="date"),也會使用 text 作為它的值。 

例:

單行文字框只有乙個真正的約束:如果你輸入帶有換行符的文字,瀏覽器會在傳送資料之前刪除這些換行符。

2、e-mail輸入框

該型別的輸入框設定 type 值為 email。

給輸入框新增了驗證約束:使用者必須得輸入乙個有效的 e-mail 位址;其他任何輸入都會導致輸入框報錯。通過設定 multiple 屬性,也可以讓使用者輸入多個 e-mail 位址(多個 e-mail 位址之間用逗號隔開)。

3、密碼輸入框

密碼型別的輸入框設定 type 值為 password。

4、搜尋框

該型別的輸入框設定 type 值為 search。

5、**號碼輸入框

該型別的輸入框設定 type 值為 tel。

6、url輸入框

該型別的輸入框設定 type 值為 url。

注:注:它為字段新增了特殊的驗證約束,如果輸入值是個不符合格式的 url,瀏覽器就會報告錯誤。符合 url 格式並不意味著它引用了乙個實際存在的位置。

7、多行文字框

使用注:textarea 和常規的單行文字字段之間的主要區別是,允許使用者輸入包含硬換行符(即按回車)的文字。可以通過 cols 和 rows 屬性來規定 textarea 的尺寸,不過更好的辦法是使用 css 的 height 和 width 屬性。另外在大多數瀏覽器中,文字區域在右下角有乙個拖放操作,允許使用者調整它的大小。這種調整能力可以通過使用 css 設定文字區域的 resize 值為 none 來關閉。

HTML表單的使用

表單的定義 表單是乙個包含表單元素的區域。表單元素是允許使用者在表單中 比如 文字域 下拉列表 單選框 復 選框等等 輸入資訊的元素。表單使用表單標籤 定義。表單的用法 賬號 type text 密碼 type text form please select your boytype radio n...

html表單使用

1 一般的使用者名稱 密碼實現 使用者名稱 密碼 2 單選框的實現 性別 男 女注 此處使用checked屬性是為了預設選擇性別為 男。3 核取方塊的使用 a 顯示所有選項的核取方塊 愛好 看電影 聽 運動 b 下拉列表選項的核取方塊 所在年級 注 此處的size值為顯示到頁面上的元素值 百傑1部 ...

React Native使用原生UI元件

其實,如果android接入rn已經搞好了,這個就不難弄了,都是類似的,下面先大致介紹一下如何使用原生ui元件的,如下 public class nativepaintviewmanager extends viewmanager override protected mypaintview cre...