欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 >

＜input＞的maxlength、size属性----＜fieldset＞与＜legend＞

发布时间：2024/1/1 40 豆豆
生活随笔 收集整理的这篇文章主要介绍了 ＜input＞的maxlength、size属性----＜fieldset＞与＜legend＞ 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

1、<input>文本框的maxlength、size属性

  • maxlength：文本框中可输入的字符串最大长度
  • size：文本框的尺寸（大小）

2、表单中的<fieldset>与<legend>

  • 当一组表单元素放到 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。
  • legend标签为 fieldset 元素定义标题。

3、例：

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册</title> </head> <body><fieldset><legend>注册新用户</legend><form action="#" method="post"><table cellpadding="2" align="center"><tr><td align="right">用户名：</td><td><input type="text" name="username" maxlength="32" size="32"></td></tr><tr><td align="right">密码：</td><td><input type="password" name="password" maxlength="18" size="32"></td></tr><tr><td align="right">性别：</td><td><input type="radio" name="gender" value="male" id="male"><labelfor="male">男</label> <input type="radio" name="gender"value="female" id="female"><label for="female">女</label></td></tr><tr><td align="right">兴趣：</td><td><input type="checkbox" name="hobby" value="read" id="h1"><labelfor="h1">读书</label> <input type="checkbox" name="hobby"value="run" id="h2"><label for="h2">跑步</label> <inputtype="checkbox" name="hobby" value="playGame" id="h3"><labelfor="h3">玩游戏</label> <input type="checkbox" name="hobby"value="date" id="h4"><label for="h4">约会</label></td></tr><tr><td align="right">头像：</td><td><input type="file" name="photo"></td></tr><tr><td colspan="2" align="center"><input type="submit" value="注册"><input type="reset" value="重填"></td></tr></table></form></fieldset> </body> </html>

效果图：

总结

以上是生活随笔为你收集整理的＜input＞的maxlength、size属性----＜fieldset＞与＜legend＞的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。