表单form
(虚线不显示)
1、写法:
<form id="form1" name="form1" method="post" action="">
</form>
1、 解释
name、id自定义,用于寻找此块内容
3、内容
(1)文本框:可以设置width,height
<label for="denglu">姓名</label> ————标签,可以不写,为易于寻找
<input type="text" name="textfield" id="textfield" value="你好" />———value是预设词
(2)隐藏域
必须在表单中,存储临时数据
<input type="hidden" name="hiddenField" id="hiddenField" />
在设计区域显示:
(3)文本区域
是一个长的文本框,可以设置width,height
<textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
(4)复选框
<input type="checkbox" name="checkbox" id="checkbox" checked="checked" />
<label for="checkbox"></label>
*checked=”checked”表示已经选中
(5)单选框
将name改成同一个名,就可以实现单选择效果(id不能改,用于区分)
<input type="radio" name="radio" id="radio" value="radio" />
<label for="radio"></label>
<input type="radio" name="radio" id="radio2" value="radio2" />
<label for="radio2"></label>
<input type="radio" name="radio" id="radio3" value="radio3" />
<label for="radio3"></label>
<input type="radio" name="radio" id="radio4" value="radio4" />
<label for="radio4"></label>
单选按钮组:
<label>
<input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_0" />
单选</label>
<br />
<label>
<input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_1" />
单选</label>
*复选同单选
(6)选择列表单
<label for="select"></label>
<select name="select" id="select">
<option value="1" selected="selected">张三</option>
<option value="2">李四</option>
<option value="3">王五</option>
</select>
(7)跳转菜单
<select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
<option>项目1</option>
</select>
(8)图像域 (可点击)
<input type="image" name="imageField" id="imageField" src="../../微信二维码 (1).jpg" />
(9)文件域
<label for="fileField"></label>
<input type="file" name="fileField" id="fileField" />
(10)按钮
<input type="submit" name="button" id="button" value="提交" />
*submit是提交,reset是重置
(11)标签
<label></label>
(12)字段集 (一堆label)
<fieldset>
</fieldset>
隐藏输入框里面的文字显示为“······”文本框中input type=”password”
*<pre>保留书写的源格式
*<lable>可以在网页中实现快速查找:
<lable accesskey=”u” for=”userid”>
<td><input type=”text” id=”userid”/></td>
<td>hello</td>
</lable>(光标在其他区域的情况下,只点hello就可以到文本框中,或者点alt+u也可以直接跳转)
*<sub>下标<sup>上标
头标签:
*<base>所有超链接的href位置、target属性(_blank或者别的)
*<meta name=”keywords” content=”各种关键词”> 用于提高网站主页的搜索展现率,根据关键词来判断(现在不常用了)
*<meta http-equiv=”refresh” content=”3;url=http://www.xxxx.com”/>刷新页面三秒后自动弹到一个网页(没指定链接的时候页面本身刷新)
超链接中链接邮箱的用法:<a href=”mailto:xxx@xxx.com?subject=xx&cc=xxx@xxx.com”