表单
<form id="" name="" method="post/get" action="">
</form>
name可以重复
id不可以重复
action 链接服务器用
文本输入
1.输入框
<input type="text" name="" value=""/> value的值是显示出来的
placeholder="" 显示在输入框中的文字,点击消失
2.密码框
<input type="password" value="" palceholder=""/>
3.文本域
<textarea name="" id="" cols="" rows="" >
</textarea>
<!--textarea 是文档书写区域, cols为横向长度 rows 纵向长度-->
隐藏域
<input type="hidden" name="" di="" value=""/>
隐藏域中的内容用户是看不到的,但是会随着提交发送给服务器。
按钮
提交按钮 <input type="submit" name="" id="" disabled="disabled" value="">
submit 提交
disabled 不允许。 这使用会让提交框无法使用。
value 值。输入的值会显示到屏幕上。
placeholder 输入的值也会显示在暂时屏幕上,点击屏幕消失
重置按钮
<input type="reset"/>
普通按钮
<input type="button" value=“*”/>
普通按钮必须赋予一个值
图片按钮
<input type="image" src="图片地址">
disabled 会使按钮失效。enable会使按钮可用
选择输入
单选按钮组
<input type="redio" name="" checked="checked" value=""/>
name的值是用来分组的。那么相同则会只选择一个。
checked是用来表示显示已勾选。 用checked="checked"则会显示出来已经勾选,去掉则显示未被勾选、
value值看不到。提交给程序用的
复选框组
<input type=checkbox" name="" checked="checked" value=""/>
文件上传
<input type="file" name="" id=""/>
<lable for=""></lable>
下拉列表框
<select name="" size="" multiple="multiple"> <!--当size为1的时候是菜单,当大于1的时候为列表,multiple是多选。-->
<option value="">内容1</option>
……
</select>
图片的引用
<img usemap="img" src="../**.jpg" />
<map name="img">
<area shape="rect" coords="2,3,122,111" href="http://www.baidu.com" />
</map>
shape 图片的形状
coord 标记位置的坐标
<map></map> 引用map
area 区域