1.表单控件 1.input标记 1.input标记 提供文本输入框,密码输入框,按钮,单选按钮,多选按钮,文件上传框,隐藏域 2.属性 type:类型 根据不同的type值,创建不同的输入框 value:输入框的值 name:给输入框起个名字(必须要写) disabled:禁止 3.具体的表单type值 1.文本框 <input type="text"/> 属性: value:输入框的值 maxlength:允许输入的最大长度 readonly:只读 2.密码框 <input type="password"/> 属性: value:输入框的值 maxlength:允许输入的最大长度 readonly:只读 3.单选框 <input type="radio"/> 属性 name属性的值必须一样(必须要加) checked:选中 4.多选框 <input type="checkbox"/> 5.按钮 1.普通按钮:button <input type="button" value="普通按钮"/> value属性 2.提交按钮:submit <input type="submit" value="提交按钮"/> 3.重置按钮:reset <input type="reset" value="重置按钮"/> 6.文件上传框:file <input type="file"/> 2.<textarea></textarea>标记 1.多行文本框 2.语法 <textarea></textarea> 3.属性 name:命名 cols:代表多少列 ----输入框显示做多显示列数 rows:代表多少行 ----输入框显示做多显示行数 readonly:只读 ---- 输入框的内容无法输入 3.select下拉标记 1.语法
<select>
<optgroup label="这是下拉菜单选项的提示"> <!--下拉菜单的提示,无法选择。用于下拉菜单可选项的提示。 -->
<option>下拉菜单1</option>
<option>下拉菜单2</option>
</optgroup>
</select>
实列:
optgroup标签插入后在label=""属性写入下拉菜单的提示,没有写入optgroup这没有效果。在option写入
selected则默认该项下拉默认选中
2.option中的属性 selected:默认选中 3.select中的属性 name multiple:实现多选 ---实现Ctrl+左键选中多个下拉菜单项 size-------实现一个下拉菜单框大小显示几个下拉项,size=“5”,则显示5个目标。 4.其他控件 1.语法
<form>
<fieldset>
<legend>health information</legend>
height: <input type="text" />
weight: <input type="text" />
</fieldset>
</form>
fieldset标签嵌套在form表单里面,
会出现组合表单外边的边框 !
//为控件分组