摘要:單選且有默認(rèn)選中值多選元素一般對于提交與重置按鈕,我們建議使用來定義,對于普通按鈕可以使用。包裹表單元素用戶名使用屬性關(guān)聯(lián)表單元素的屬性用戶名更多詳細(xì)表單中的表單元素
當(dāng)元素用于頁面內(nèi)的錨點跳轉(zhuǎn)時,應(yīng)該先為該頁面設(shè)置一些錨點,而定義錨點有兩種辦法:
設(shè)置好了錨點之外,就可以通過元素鏈接到該錨點位置,其href取值為“# + 錨點名稱”,示例如下:
<a href="#anchor1">錨點鏈接一a> <a href="#anchor2">錨點鏈接二a> <div> <div>我這里有很多內(nèi)容...div> <a name="anchor1">點擊錨點鏈接一,會跳到我這里a> <div>我這里有很多內(nèi)容...div> <p id="anchor2">點擊錨點鏈接二,會跳轉(zhuǎn)到我這里p> div>
當(dāng)其用于郵件連接時,href屬性的值為"mailto:+郵件地址",示例如下:
<a href="mailto:xuyc_brother@foxmail.com”>發(fā)送郵件給我
提供電話鏈接有助于用戶查看連接到手機的網(wǎng)絡(luò)文檔和筆記本電腦,示例如下:
<a href="tel:+491570156">+49 157 0156a>
如果想允許用戶下載一個HTML畫布,可以創(chuàng)建一個下載屬性和畫布數(shù)據(jù)作為文件URL鏈接圖像:
var link = document.createElement(a); link.innerHTML = download image; link.addEventListener(click, function(ev) { link.href = canvas.toDataURL(); link.download = "mypainting.png"; }, false); document.body.appendChild(link);
元素跟元素一樣,不需要閉合標(biāo)簽
<input type="text" name="username"> <input type="text" name="username" placeholder="用戶名"> <input type="search" name="search" placeholder="搜索"> <input type="number" name="age" placeholder="只能輸入數(shù)字"> <input type="password" name="pwd" placeholder="密碼"> <input type="radio" name="sex" value="man">男 <input type="checkbox" name="hobby" value="music">音樂 <input type="hidden" name="other-data" value="用戶不可見數(shù)據(jù)"> <input type="file" name="file"> <input type="button" name="button" value="普通按鈕"> <input type="submit" name="submit" value="立即加入"> <input type="reset" name="reset">
用于多行文本輸入,可以通過cols和rows屬性來規(guī)定textarea的尺寸
<textarea rows="5" cols="30" placeholder="請輸入評論">textarea>
用于創(chuàng)建選項菜單,默認(rèn)只能選擇一個值,可以通過設(shè)置屬性multiple="multiple"來實現(xiàn)多選,其選項元素為
<select name="tag"> <option value="html" selected>HTMLoption> <option value="css">CSSoption> <option value="js">JSoption> select> <select name="tags" multiple="multiple"> <option value="html">HTMLoption> <option value="css">CSSoption> <option value="js">JSoption> select>
一般對于提交與重置按鈕,我們建議使用 input 來定義,對于普通按鈕可以使用 button。
<label>用戶名:<input type="text">label> <label for="username">用戶名:label><input type="text" id="username">
更多詳細(xì)表單:HTML5中的表單元素
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/2235.html
摘要:前端開發(fā)工作一年小記作者云荒杯傾再過幾天,就是我作為一名小小的前端工程師工作整整一年的日子了。但這可能算是一個好的開端,好的記憶。 前端開發(fā)工作一年小記 作者/云荒杯傾再過幾天,就是我作為一名小小的前端工程師工作整整一年的日子了。而且,距離上一次寫技術(shù)文,已經(jīng)過去很久遠(yuǎn)。且逢周末,還是雨天,氣溫不高,心情湊合,就想寫寫。然而,寫工作總結(jié)實際上可能僅僅是源于一種不可遏制的沖動,類似于偉...
摘要:前端開發(fā)工作一年小記作者云荒杯傾再過幾天,就是我作為一名小小的前端工程師工作整整一年的日子了。但這可能算是一個好的開端,好的記憶。 前端開發(fā)工作一年小記 作者/云荒杯傾再過幾天,就是我作為一名小小的前端工程師工作整整一年的日子了。而且,距離上一次寫技術(shù)文,已經(jīng)過去很久遠(yuǎn)。且逢周末,還是雨天,氣溫不高,心情湊合,就想寫寫。然而,寫工作總結(jié)實際上可能僅僅是源于一種不可遏制的沖動,類似于偉...
摘要:前端開發(fā)工作一年小記作者云荒杯傾再過幾天,就是我作為一名小小的前端工程師工作整整一年的日子了。但這可能算是一個好的開端,好的記憶。 前端開發(fā)工作一年小記 作者/云荒杯傾再過幾天,就是我作為一名小小的前端工程師工作整整一年的日子了。而且,距離上一次寫技術(shù)文,已經(jīng)過去很久遠(yuǎn)。且逢周末,還是雨天,氣溫不高,心情湊合,就想寫寫。然而,寫工作總結(jié)實際上可能僅僅是源于一種不可遏制的沖動,類似于偉...
摘要:前言更多詳細(xì)內(nèi)容可以參考騰訊開發(fā)平臺的文檔,我在這里簡單備忘一下騰訊視頻開放平臺文檔方法一引入在視頻播放界面的左下方,鼠標(biāo)移動到分享,復(fù)制通用代碼放在頁面上即可方法二引入引入部分部分保留播放按鈕手機端圖精簡皮膚播放器顯示完畢暫停了播放 前言:更多詳細(xì)內(nèi)容可以參考騰訊開發(fā)平臺的文檔,我在這里簡單備忘一下 騰訊視頻開放平臺:http://v.qq.com/open/index.html文檔...
摘要:前言更多詳細(xì)內(nèi)容可以參考騰訊開發(fā)平臺的文檔,我在這里簡單備忘一下騰訊視頻開放平臺文檔方法一引入在視頻播放界面的左下方,鼠標(biāo)移動到分享,復(fù)制通用代碼放在頁面上即可方法二引入引入部分部分保留播放按鈕手機端圖精簡皮膚播放器顯示完畢暫停了播放 前言:更多詳細(xì)內(nèi)容可以參考騰訊開發(fā)平臺的文檔,我在這里簡單備忘一下 騰訊視頻開放平臺:http://v.qq.com/open/index.html文檔...
閱讀 713·2023-04-25 19:43
閱讀 3910·2021-11-30 14:52
閱讀 3784·2021-11-30 14:52
閱讀 3852·2021-11-29 11:00
閱讀 3783·2021-11-29 11:00
閱讀 3869·2021-11-29 11:00
閱讀 3558·2021-11-29 11:00
閱讀 6105·2021-11-29 11:00