Lesson02_04 表单标签(2)
Lesson02_04 表单标签(2)
发布时间:2016-12-29 来源:查字典编辑
摘要:选择上传文件:要将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就会选中输入框

效果如下: 姓名:

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类