HTML标签天天练7--表单<form>[text][password][radio]

最新推荐文章于 2022-03-30 20:01:40 发布

iteye_3691

最新推荐文章于 2022-03-30 20:01:40 发布

阅读量83

点赞数

<wbr style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"><span style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)">别小看了这一个标签，里面包含着丰富的内容，是为了让浏览者能输入用户名及更多信息而定义的!</span> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> 从这篇文章起，将分几次讲述<span style="color:#ED1C24; word-wrap:normal; word-break:normal">form</span>里面的各种标签及属性，让大家一目了然：</div> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> <span style="color:#ED1C24; word-wrap:normal; word-break:normal"><form>意为表单</span>，让用户输入单据里的项目信息，以便于提交给网站。如<span style="word-wrap:normal; word-break:normal">(复制到DW尝试)</span>：</div> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> <div> <div> <textarea readonly name="code" class="html"><html> <body> <form> 用户：<input type="text" name="user"> <br /> 密码：<input type="password" name="password"> </form> <p>type代表文本类型，当在密码框中输入字符时，浏览器会用项目符号来代替字符!</p> </body> </html></textarea><br> ——另一种用法就是<span style="color:rgb(237,28,36); word-wrap:normal; word-break:normal">[单选框]</span>。如以下代码(复制到DW尝试)：</div> </div> </div> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> <div> <textarea readonly name="code" class="html"><html> <body> <p>性别：</p> <form> 男性：<input type="radio" checked="checked" name="Sex" value="male" /> <br /> 女性：<input type="radio" name="Sex" value="female" /> </form> <p>点击某个单选按钮时，会被选中状态，而其他按钮变为非选中状态!</p> </body> </html></textarea><br> ——下一篇将讲述<form>标签的另几种用法!</div> </div> </wbr>