html表单与输入,图像,head,meta

来源:互联网 发布:任逍遥 贾樟柯 知乎 编辑:程序博客网 时间:2024/04/30 16:32

1.

姓名:<input type="text" name="username"/>

密码:<input type="password" name="pwd"/>

单选框

    性别:<input type="radio" name="sex" value="man"/>男士

<input type="radio" name="sex" value="women"/>女士

复选框

    爱好:<input type="checkbox" name="like" value="sing"/>唱歌

 <input type="checkbox" name="like" value="sleeping"/>睡觉

             <input type="checkbox" name=“ like" value="dancing"/>跳舞 

下拉列表:

城市:<select name="city">

<option value="bj">北京</option>

<option value="sh" selected="selected">上海</option><!--默认被选中-->

<optgroup label="广东省">

<option value="sz">深圳</option>

<option value="gz">广州</option>

</optgroup>

   </select>

文本域:

自我介绍:<textarea rows="10" cols="20"><!--10行20-->请输入自我介绍!

    </textarea>

字段集:

<fileset> <legent>这是一个字段边框</legent>

姓名:<input type="text" name="username"/>

密码:<input type="password" name="pwd"/>

</fileset>

表单:

<form action="">

<input type="button" value="普通按钮"/>

<input type="submit" value="提交表单按钮"/>

<input type="reset" value="重置按钮"/>

</form>

2.图像

<img atl="加载失败" src="./img/1.jpg" high="90" width="90"><!--atl为加载失败时候显示的内容>

<body background="./img/1.jpg"><!--背景图片-->

3.head标签

<head>

<base target="_blank"><!--在head中设置后无序在body中的a标签再设置>

<meta name="description" content="java web ">

<meta http-equiv="Refresh" content="5;http://www.google.com"><!--5秒后自动调到谷歌首页>

</head>

0 0
原创粉丝点击