手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >Lesson02_04 表单标签(2)
Lesson02_04 表单标签(2)
摘要:选择上传文件:要将method设置为post.将enctype=multipart/form_date代码如下:效果如下:在表单上创建一个图...

选择上传文件:<input type="file">要将method设置为post.将enctype=multipart/form_date

代码如下:

<form> <input type="file"> </form>

效果如下:
在表单上创建一个图像文件:<input type="image">没有value属性,图像可以代替提交按钮,同时还提交单击鼠标时的XY坐标

代码如下:

<input type="image" name="" src=""> 在表单上创建一个下拉列表框:<select></select><option></option><option>中的value用于设置传送的内容,如不设则为<option></option>中的内容

代码如下:

<form>

<select>

<option>中国</option>

<option>小日本</option>

<option>老美</option>

</select>

</form>

效果如下: 中国 小日本 老美
代码如下:

<form>

<select size=2>

<option>中国</option>

<option>小日本</option>

<option>老美</option>

</select>

</form>

效果如下: 中国 小日本 老美
代码如下:

<form>

<select multiple size=2>

<option>中国</option>

<option>小日本</option>

<option>老美</option>

</select>

</form>

按着Ctrl可以多选

效果如下: 中国 小日本 老美
代码如下:

<form>

<select multiple size=2>

<option selected>中国</option>

<option>小日本</option>

<option>老美</option>

</select>

</form>

按着Ctrl可以多选

效果如下: 中国 小日本 老美
在表单上创建一个多行输入的文本区:<textarea></textarea>没有value属性
代码如下:

<textarea cols=20 rows=10>请输入内容</textarea>

请输入内容
在表单上创建一个多行输入的文本区:<label>可以用这个标签来设定快捷键
代码如下:

<form>

<label>姓名:</label>

<input type="text">

</form>

效果如下: 姓名:
代码如下:

<form>

<label for="my" accesskey="a">姓名:</label>

<input type="text" id=my>

</form>

按下Alt+a就会选中输入框

效果如下: 姓名:

【Lesson02_04 表单标签(2)】相关文章:

CSS创建一个鼠标感应换图片的按钮

div中class与id的区别及应用

img标签下多余空白BUG解决方法

使用css3制作登录表单的步骤

IE下去掉iframe边框兼容IE7IE8IE6以下

CSS+DIV表格背景透明内容不透明

使用Div+CSS布局设计网站的优点

CSS基础教程:Class以及ID选择器

HTML DIV+CSS制作通栏实例

用div+css模拟表格对角线

精品推荐
分类导航