html from标签
from.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 表单 --> <form action="from_1.html" method="post"> <!-- 其中name属性必须要指定，否则这个文本框的数据无法发送给服务器 --> <!-- input type="text" 表示文本框 --> 昵称 <input type="text" name="nickName" /><br /> <!-- input type="password" 表示密码框 --> 密码 <input type="password" name="password" /><br /> <!-- input type="radio" 表示单选按钮 --> <!-- 单选框的选项的name的值要设置成一样的，否则没有互斥的作用 复选框的选项的name的可以设置成不一样的，但要求设置为一样的，方便服务器获取数据 --> <!-- checked 默认选中 ，checked和checked="checked"相同，属性名和属性值相同值可省去--> 性别 <input type="radio" name="gender" value="male" />男 <input type="radio" name="gender" value="female" checked/>女<br /> <!-- input type="checkbox" 表示复选框 --> <!-- name的属性值保持一致，这样服务器端获取的是一个数组 --> 爱好 <input type="checkbox" name="hobby" value="basketball" />篮球 <input type="checkbox" name="hobby" value="football" />足球 <input type="checkbox" name="hobby" value="earth" />地球<br /> <!-- select 表示下拉列表 --> <!-- option是每一个选项 value是发送给服务器的值 selected是表示默认选中的项 --> 星座 <select name="star"> <option value="1">白羊</option> <option value="2">金牛</option> <option value="3">双子</option> <option value="4">天蝎</option> <option value="5">天秤</option> </select><br /> <!-- textarea 表示多行文本框(或称为文本域) --> <!-- textarea的value值是<textarea>**</textarea>的**部分,所以中间不要轻易换行 --> 备注 <textarea name="remark" rows="4" cols="50"></textarea><br /> <!-- input type="submit" 表示提交按钮 --> <input type="submit" value="注册" /> <!-- input type="reset" 表示重置按钮 --> <input type="reset" value="重置" /> <!-- input type="button" 表示普通按钮 --> <input type="button" value="普通按钮"/> </form> </body> </html>
from_1.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1></h1> </body> </html>
浙公网安备 33010602011771号