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

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

    </head>  
    <body>  
        <form  method="post" action="save.php">  
            账户:<input  type="text"  name="myName" /><br><br>  
            密码:<input  type="password"  name="pass" />  
        </form>    
    </body>  
</html>  

 浏览器效果:

3 textarea文本域,支持多行文本输入

当用户需要在表单中输入大段文字时,需要用到文本输入域。
语法:
 
<textarea  rows="行数" cols="列数">文本默认值</textarea>

1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。
2、cols :多行输入域的列数。
3、rows :多行输入域的行数。
4、在标签之间可以输入默认值。

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>  
            <textarea cols="40" rows="10">在这里输入内容…</textarea><br>  
            <input type="submit" value="确定"  name="submit" />  
            <input type="reset" value="重置"  name="reset" />  
        </form>    
    </body>