生活随笔
收集整理的這篇文章主要介紹了
HTML表单总结
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一 HTML 表單標簽
標簽
<label>
<select>
<keygen>New??? --html5
二 簡單例子
<body>
<form action="">First name: <input type="text" name="firstname"><br>Last name: <input type="text" name="lastname"></form>
</body>
2 創建密碼字段
<body>
<form action="">Username: <input type="text" name="user"><br>Password: <input type="password" name="password"></form>
</body>
三 表單
單選按鈕（Radio Buttons）
<form><input type="radio" name="sex" value="male">Male<br><input type="radio" name="sex" value="female">Female
</form>
<form><input type="checkbox" name="vehicle" value="Bike">I have a bike<br><input type="checkbox" name="vehicle" value="Car">I have a car
</form>
?
提交按鈕(Submit Button)
義了目的文件的文件名。由動作屬性定義的這個文件通常會對接收到的輸入數據
進行相關的處理。
<form name="input" action="html_form_action.php" method="get">Username: <input type="text" name="user"><input type="submit" value="Submit"></form>
?
假如您在上面的文本框內鍵入幾個字母，然后點擊確認按鈕，那么輸入數據會傳
送到 "html_form_action.php" 的頁面。該頁面將顯示出輸入的結果。
?
四 實例
<form action=""><fieldset><legend>Personal information:</legend>Name: <input type="text" size="30"><br>E-mail: <input type="text" size="30"><br>Date of birth: <input type="text" size="10"></fieldset></form>
<form action="demo-form.php">First name: <input type="text" name="FirstName" value="Mickey"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br><input type="submit" value="Submit"></form>
<form action="demo-form.php" method="get"><input type="checkbox" name="vehicle" value="Bike"> I have a bike<br><input type="checkbox" name="vehicle" value="Car" checked="checked"> I have a car<br><input type="submit" value="Submit"></form>
<form action="demo-form.php" method="get"><input type="radio" name="sex" value="Male"> Male<br><input type="radio" name="sex" value="Female" checked="checked"> Female<br><input type="submit" value="Submit"></form>
5 從表單發送電子郵件
<body><h3>Send e-mail to someone@example.com:</h3> <form action="MAILTO:someone@example.com" method="post"enctype="text/plain">Name:<br><input type="text" name="name" value="your name"><br>E-mail:<br><input type="text" name="mail" value="your email"><br>Comment:<br><input type="text" name="comment" value="your comment" size="50"><br><br><input type="submit" value="Send"><input type="reset" value="Reset"></form></body>
6 簡單下拉列表
<form action=""><select name="cars"><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="fiat">Fiat</option><option value="audi">Audi</option></select></form>
7 文本域
<!DOCTYPE html><html><body>
<textarea rows="10" cols="30">
我是一個文本框。
</textarea>
</body>
/html>
8 預選下拉列表
<form action=""><select name="cars"><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="fiat" selected>Fiat</option><option value="audi">Audi</option></select></form>
9 創建按鈕
<form action=""><input type="button" value="Hello world!"></form>
??? 代碼都直接可用，拿去花吧；
總結
以上是生活随笔 為你收集整理的HTML表单总结 的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔 網站內容還不錯，歡迎將生活随笔 推薦給好友。
