html學(xué)習(xí)筆記

? 表單制作

<!DOCTYPE html>

<meta charset="UTF-8" >

<html>

<head>

? ? <title>簡單的表單</title>

</head>

<body>

<form>

? ? <fieldset>? ? //多項合并成一個表單的開始

? ? ? ? <legend>表單綜合應(yīng)用</legend>

? ? ? ? 姓名:<input type="text" name="txt-name" autofocus="autofocus" /><br /><br />

? ? ? ? 性別:<input type="radio" name="radiogroup1" value="男" checked="checked" />男

? ? ? ? <input type="radio" name="radiogroup1" value="男" checked="checked" />女

? ? ? ? 外語水平:低<input type="range" name="txt-grade" min="0" max="100" /> 高<br /><br />

? ? ? ? 身高:(100cm-300cm)<input type="number" name="txt-height" value="175" min="100" max="300" /><br /><br />

? ? ? ? 出身年月:<input type="date" name="txt-birth" value="2013-05-01" /><br /><br />

? ? ? ? 顏色偏好:<input type="color" name="select-color" /><br /><br />

? ? ? ? 個人空間:<input type="url" name="user-url" placeholder="請輸入個人空間" /><br /><br/>

? ? ? ? 電子郵件:<input type="email" name="user-email" placeholder="請輸入個人郵箱" /><br /><br />

? ? ? ? <input type="submit" value="提交" />

? ? </fieldset>

</form>

</body>

</html>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 本系列適合作為HTML的復(fù)習(xí)文檔。 本章為body標簽下的各種內(nèi)容,主要參考來源: 綠葉學(xué)習(xí)網(wǎng) - HTML入門教...
    琉木_閱讀 1,048評論 0 0
  • 概述 在網(wǎng)易云課堂學(xué)習(xí)李南江老師的《從零玩轉(zhuǎn)HTML5前端+跨平臺開發(fā)》時,所整理的筆記。筆記內(nèi)容為根據(jù)個人需求所...
    墨荀閱讀 2,377評論 0 7
  • 編輯代碼的語言:①HTML ②CSS ③JAVACXRIPT ⒈HTML:超文本標記語言 分別說出什么是HTML、...
    風(fēng)行熊貓閱讀 299評論 2 4
  • 我和他相識了四年了,處了四年的對象,我們已經(jīng)到了談婚論嫁的地步,可是我懷孕了,我們的婚期要提前了,他們家給我...
    eb2f5c16e19f閱讀 182評論 0 0
  • 時光不遠待,人生未久長 以是處世易,來往多凄傷 年少顯經(jīng)歷,一過失安康 疾風(fēng)知勁草,患難覺人良 生死誰得顧,奈何自...
    西穿閱讀 211評論 2 7