前言:总结了一些关于表单的东西,发下内心的感慨,以前感觉自己什么都会,今天竟然连最基本的表单的东西都忘了,好丢人,
学习的过程中,切勿眼高手低,一定要做好自己的笔记,然后多写代码,多想为什么,我比较笨,但是我相信勤能不着。
不说了,我又来粘贴代码了,这次就不放运行效果图了。
html表单代码:
1 <!DOCTYPE html> 2 <html> 3 ????<head> 4 ????????<meta charset="UTF-8"> 5 ????????<title></title> 6 ????</head> 7 ????<body> 8 ?????????9 ????????<form method="post">10 ????????????<legend>标题</legend>11 ????????????<fieldset>12 ?????????????????????<label for="name">名字:</label><br />13 ????????????14 ????????????<hr />2.文本框,密码框,隐藏框:15 ????????????<input type="text" id="name" name="请输入你的名字" size="7" /><br />16 ????????????<input type="text" id="name" name="请输入你的名字" size="6" /><br />17 ????????????<input type="text" id="name" name="请输入你的名字" size="5" /><br />18 ????????????<input type="text" id="name" name="请输入你的名字" size="4" /><br />19 ????????????<input type="text" id="name" name="请输入你的名字" size="3" /><br />20 ????????????<input type="text" id="name" name="请输入你的名字" size="2" /><br />21 ????????????22 ????????????<input type="text" id="name" name="请输入你的名字" size="2" maxlength="3" /><br />23 ????????????<label for="pwd">密码:</label>24 ????????????<input type="password" id="pwd" name="pass" />25 ????????????<input type="hidden" id="pwd" name="hahah" ?value="好"/>26 ????????????27 ????????????<hr />3复选框:28 ????????????<input type="checkbox" name="复选框1" value="A" ?checked="checked" ?disabled="disabled"/>29 ????????????<input type="checkbox" name="复选框2" value="B" ????/>30 ????????????<input type="checkbox" name="复选框3" value="C" ?????/>31 ????????????<input type="checkbox" name="复选框4" value="D" ????/>32 ????????????33 ????????????<hr />单选栏:34 ????????????<input type="radio" name="A" value="A" checked="checked" />35 ????????????<input type="radio" name="A" value="B" ??/>36 ????????????<input type="radio" name="A" value="C" ?/>37 ????????????38 ????????????<hr />4.窗体栏位:39 ????????????<select name="ns" size="1">40 ????????????????<option value="A">A</option>41 ????????????????<option value="A">B</option>42 ????????????????<option value="A">C</option>43 ????????????????<option value="A">D</option>44 ????????????</select>45 ????????????<br />46 ????????????47 ????????????<hr />48 ?????????????<textarea cols="50" rows=“50">49 ?????????????????<h1> 你好啊</h1>50 ?????????????</textarea>51 52 ????????????<p>53 ????????????????<input type="submit" name="提交"/>54 ????????????????<input type="reset" name="重置" />55 ????????????</p>56 ????????????57 ????????????<hr />5.按键,图像58 ????????????<button>59 ????????????????<img src="img/1.png" />60 ????????????</button>61 ????????????62 ????????????<hr />63 ????????????<input type="image" src="../day01/作业day01/img3/tv05.jpg" alt="好可怜" />64 ????????????65 ????????????<hr />66 ????????????<input type="file" name="file" ?/>67 ???????????</fieldset>68 ????????69 ????70 ????????</form>71 ???????72 ????</body>73 </html>
关于表单----html杂记
原文地址:http://www.cnblogs.com/chenyanlong/p/7846250.html