前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

HTML5的第七节 表单的输入框以及按钮

<input>比较重要

<type>属性:<text>文本框 <password>密码框 <checkbox>复选框 <radio>单选按钮 <submit> <reset> <file> <hidden> <image> <button>

默认属性为<text>

<name>属性指定表单元素的名称

<value>属性指定表单元素的初始值

<size>属性指表单元素的初始宽度 一般用于文本框和密码框

<maxlength>属性指可在<text>或<password>元素中输入最大的字符串 一般用于文本框和密码框

<checked>属性指此属性只有一个值,如果不选中就不用添加此属性 一般用于单选按钮和复选框

<readonly>文本标签指定为readonly文本不允许更改 一般用于文本框和密码框

多行文本域<textarea > <cols>宽度 <rows>高度

<submit>提交按钮

<reset>重置按钮

<button>普通按钮



!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

</head>

<body>

<form name="myfoem" action="" meathod="post">

用户id<input type="text" name="userid" size="25" value="用户id自动生成" readonly="readonly"/><br />

密码<input type="password" name="realname"/><br />

自我评价:<textarea name="msg" cols="40" rows="5">请输入自我评价的内容···</textarea><br />

<input type="submit" value="提交"/><br />

<input type="reset" value="重置"/><br />

<input type="button" value="普通按钮" onclick="window.alert('你好’)"/><br />

</form>

</body>

</html>

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言