注本頭條號,專注做前端
它就是一個普通的按鈕,但是它通過html5+canvas做了點擊特效 ——點擊的時候會有彩色的粒子飛散開來,效果非炫酷。
//
lt;select>下拉框
<option>是下拉框的選項
<submit>提交按鈕
<value>名稱提交方式
<checked>單選按鈕進入頁面必選這個
<checkbox>多選按鈕
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
請選擇你喜歡的水果<br />
<form>
<input type="radio" value="apple" name="fruit" checked="checked"/>蘋果<br />
<input type="radio" value="orange" name="fruit"/>橘子<br />
<input type="radio" value="mango" name="fruit"/>芒果<br />
<input type="submit" value="提交"/>
</form>
請選擇你喜歡的水果<br />
<form>
<input type="checkbox" value="apple" name="fruit"/>蘋果<br />
<input type="checkbox" value="orange" name="fruit"/>橘子<br />
<input type="checkbox" value="banana" name="fruit"/>香蕉<br />
<input type="submit" value="提交"/>
</form>
請選擇你喜歡的水果<br />
<form>
<select name="fruit" size="2">
<option value="apple">蘋果</option>
<option value="orange">橘子</option>
<option value="mango" selected="selected">芒果</option>
</select><br />
<input type="submit" value="提交"/>
</form>
</body>
</html>
lt;input>比較重要
<type>屬性:<text>文本框 <password>密碼框 <checkbox>復選框 <radio>單選按鈕 <submit> <reset> <file> <hidden> <image> <button>
默認屬性為<text>
<name>屬性指定表單元素的名稱
<value>屬性指定表單元素的初始值
<size>屬性指表單元素的初始寬度 一般用于文本框和密碼框
<maxlength>屬性指可在<text>或<password>元素中輸入最大的字符串 一般用于文本框和密碼框
<checked>屬性指此屬性只有一個值,如果不選中就不用添加此屬性 一般用于單選按鈕和復選框
<readonly>文本標簽指定為readonly文本不允許更改 一般用于文本框和密碼框
多行文本域<textarea > <cols>寬度 <rows>高度
<submit>提交按鈕
<reset>重置按鈕
<button>普通按鈕
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<form name="myfoem" action="" meathod="post">
用戶id<input type="text" name="userid" size="25" value="用戶id自動生成" readonly="readonly"/><br />
密碼<input type="password" name="realname"/><br />
自我評價:<textarea name="msg" cols="40" rows="5">請輸入自我評價的內容···</textarea><br />
<input type="submit" value="提交"/><br />
<input type="reset" value="重置"/><br />
<input type="button" value="普通按鈕" onclick="window.alert('你好’)"/><br />
</form>
</body>
</html>
*請認真填寫需求信息,我們會在24小時內與您取得聯系。