多种实例解析HTML表单form的使用方法

2020-04-16 08:39:18易采站长站整理

                <option value="购物">购物</option>  
            </select>  
            <input type="submit" name="submit" value="submit">  
            <input type="reset" name="reset" value="reset">  
            <br><br>  
            <label>留言给我们:</label><br>  
            <textarea cols="40" rows="5">在这里输入留言…</textarea>  
            <br>  
            <input type="submit" value="点击确认提交留言" name="advise">  
        </form>  
    </body>  
</html>  

浏览器效果:

6 select/multiple/option使用下拉框多选

下拉列表也可以进行多选操作,在标签中设置multiple=”multiple”属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用 Command +单击),可以选择多个选项。 

XML/HTML Code复制内容到剪贴板

<!DOCTYPE HTML>  
<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
        <title>使用下拉列表框进行多选</title>  
    </head>  
    <body>  
        <form action="save.php" method="post" >  
            <label>爱好:</label><br>  
            <select multiple="multipl">