DIV CSS 佈局教程網

1、新增元素

　　form屬性：指定表單，使表單內的叢書元素可以寫在任何位置

<form id="testform">
    <input type="text">
</form>
<textarea form="testform"></textarea>

　　formaction屬性：點擊不同按鈕，可以將表單提交到不同頁面

<form id="textform" action="sever.jsp">
    <input type="submit" name="s1" value="v1" formaction="s1.jsp">提交到s1
    <input type="submit" name="s2" value="v2" formaction="s2.jsp">提交到s2
    <input type="submit" name="s3" value="v3" formaction="s3.jsp">提交到s3
    <input type="submit">
</form>

　　formmethod屬性：指定提交方法

<form id="teatform" action="serve.jsp">
    <input type="submit" name="s1" value="v1" formaction="s1.jsp" formmethod="post">提交到s1
    <input type="submit" name="s2" value="v2" formaction="s2.jsp" formmethod="get">提交到s2
    <input type="submit">
</form>

　　placeholder屬性：顯示輸入提示

<input type="text" placeholder="input me">

　　autofocus屬性：自動獲得焦點

<input type="text" autofocus>

　　list屬性：獲得焦點後以提示的方式顯示列表

text:<input type="text" name="greeting" list="greetings">
<datalist id="greetings" style="display:none;">
    <option value="Good Morning">Good Morning</option>
    <option value="Hello">Hello</option>
    <option value="Good Afternoon">Good Afternoon</option>
</datalist>

　　autocomplete屬性：自動顯示候補數據　

<input type="text" name="greeting" autocomplete="on" list="greeting">

2、input元素
　　url類型：專門用來輸入url地址的文本框。

<input name="url" type="url" value="http://www.microsoft.com">

　　email類型：專門用來輸入email地址的文本框

<input type="email" name="email" value="[email protected]">

　　date類型：以日歷形式方便輸入

<input type="date" name="date1" value="2010-10-02">

　　time類型：專門用來輸入時間

<input type="time" name="time1" value="10:00">

　　datetime類型：專門用來輸入UTC時間的文本框，提交自動進行有效性檢查。

<input type="datetime" name="datetime1">

　　datetime-local類型：專門用來輸入本地時間的文本框

<input type="datetime-local" name="datetime-local1">

　　month類型：專門用來輸入月份

<input type="month" name="month1" value="2010-10">

　　week類型：專門輸入周號的文本框

<input type="week" name="week1" value="2010-w40">

　　number類型：專門用來輸入數字的文本框

<input type="number" name="number1" value="25" min="10" max="100" step="5">

　　range類型；范圍

<input type="range" name="range1" value="25" min="10" max="100" step="5">

　　search類型：專門輸入搜索關鍵詞

input[type="search"] {-website-appearance:textfield;}

　　tel類型：專門輸入電話號碼

　　color類型：專門選取顏色的