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

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

            <input type="submit" value="提交" name="submitBtn" />  
        </form>  
    </body>  
</html>  
  

浏览器效果:

8 input/reset使用重置按钮重置表单信息

当用户需要重置表单信息到初始时的状态时,比如用户输入“用户名”后,发现书写有误,可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为”reset”就可以。
语法:

<input type="reset" value="重置">1

type:只有当type值设置为reset时,按钮才有重置作用
value:按钮上显示的文字

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>  
            <select>  
                <option value="看书">看书</option>  
                <option value="旅游" selected="selected">旅游</option>  
                <option value="运动">运动</option>  
                <option value="购物">购物</option>  
            </select>  
            <input type="submit" value="确定"  />  
            <input type="reset" value="重置"  />