Lesson02_04 表单标签(2)
2007-02-09 00:00
197 查看
选择上传文件:<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就会选中输入框
效果如下:
姓名:
要将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)
- Lesson02_03 表单标签
- Lesson02_03 表单标签
- SpringMVC学习系列(11) 之 表单标签
- Spring MVC 表单标签介绍
- html表单标签
- 【最简单】Electron 怎么将网页打包成桌面应用(web前端页面怎么生成exe可执行文件) 标签: 跨平台node.js桌面应用electronelectron-packager 2017-04-
- SpringMVC表单标签简介
- JAVAWEB开发之Struts2详解(四)——ognl与valueStack(重点)、Struts常用标签、防止表单重复提交、Struts2中内置json插件
- SpringMVC Controller介绍及常用注解和SpringMVC表单标签简介
- [原创]java WEB学习笔记63:Struts2学习之路--表单标签 用户注册模块
- Html5 学习系列(三)增强型表单标签
- SpringMVC 学习系列 (11) 之 表单标签
- Springmvc知识三------重定向&表单标签&静态资源的处理
- SpringMVC表单标签简介
- HMTL中的FieldSet标签--对表单进行分组
- HTML5/CSS3相关 ------HTML5 新增标签,HTML5新增表单,CSS3新增选择器
- 《struts---利用struts的标签,实现简单的表单提交及校验》
- Struts2 常用的表单标签使用
- 表单--form标签