HTML學習筆記四 表單(二)高階元素

2021-10-01 02:37:04 字數 1453 閱讀 2192

"url" name="userurl"/>
email屬性就是讓瀏覽者輸入email位址啦~且在提交表單時會自動驗證email域的值。

就是改個type的區別了,就不多說了。

html5新增了日期和時間輸入型別,包括date , datetime , datetime_local , month , week和time。它們的含義見下表:

還是改個type的事兒,我們就看個date好了:

上次我約小姑娘去看的電影是《我的祖國》,不過看完電影也沒成。。。t_t

number屬性提供了乙個輸入數字的輸入型別,使用者可以直接輸數字,也可以按上下符號來選擇數字:

range屬性顯示為乙個滑動條控制項,與number屬性一樣,使用者可以使用max,min屬性和step屬性來控制範圍和步長。

我們可以看到,滑動塊預設是在滑動條中點的,我們還發現沒有數字顯示~然後就很難受,就csdn了一下,發現要是想顯示數字還要自定義函式,還涉及js和css,有點小複雜,看懂了也不會用,只能慢慢繼續學先不管這個了。@t_t@

大家想看看的可以點這兒:html5實現滑塊功能之------type="range"屬性

required屬性規定必須在提交錢填寫輸入域(不能為空),required屬性適用於以下型別的輸入屬性:text,search,url,email,password,date,pickers,number,checkbox,radio等。

我們可以看到不填就會有如上提示。如果細心的小夥伴看**的話可以發現

使用者密碼:"password" name="password" required>

這一句中required="required"簡寫成了required,這是完全可以的。

表單就到這裡了,然後拿個人簡介頁面來練練手吧,上面截圖部分都是提交內容,所以要把它們都放到表單區域。也就是< form >< /form >裡。

Html5學習高階四 表單元素和表單屬性

html5 擁有若干涉及表單的元素和屬性。本章介紹以下新的表單元素 datalist 元素規定輸入域的選項列表。列表是通過 datalist 內的 option 元素建立的。如需把 datalist 繫結到輸入域,請用輸入域的 list 屬性引用 datalist 的 id webpage list...

HTML學習筆記 html表單(form)

html表單功能 html表單用於蒐集不同型別的使用者輸入,表單由不同型別的標籤組成。標籤及屬性用法如下 定義整體的表單區域 屬性功能 action 定義表單資料提交位址 method屬性 定義表單提交的方式,一般有 get 方式和 post 方式 標籤中內部子標籤及屬性用法如下 label 標籤 ...

HTML學習筆記 post表單

無標題文件 使用者個人資料調查 title head body form action post.php method post input type hidden 您當前的位置 input type text value disabled disabled br br label for unam...