Lesson02_04 表单标签(2)
程序员文章站
2023-12-21 12:18:46
选择上传文件:要将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>
|
效果如下: |
代码如下:<form>
|
效果如下: |