Lesson02_04表单标签(2)

这篇文章主要介绍了Lesson02_04表单标签(2)

选择上传文件:<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就会选中输入框 效果如下:

姓名: