原生表單元件主要包含:文字輸入框、單行文字框、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...