HTML标签天天练7--表单1[text][password][radio]

寻技术 Html/CSS 2023年07月11日 124

    别小看了这一个标签,里面包含着丰富的内容,是为了让浏览者能输入用户名及更多信息而定义的!

从这篇文章起,将分几次讲述form里面的各种标签及属性,让大家一目了然:
<form>意为表单,让用户输入单据里的项目信息,以便于提交给网站。如(复制到DW尝试):
<html>
<body>
<form>
用户:<input type="text" name="user">
<br />
密码:<input type="password" name="password">
</form>
<p>type代表文本类型,当在密码框中输入字符时,浏览器会用项目符号来代替字符!</p>
</body>
</html>
 
——另一种用法就是[单选框]。如以下代码(复制到DW尝试):
<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>
 
——下一篇将讲述<form>标签的另几种用法!
关闭

用微信“扫一扫”