CSS相关内容(七)

📅 2026/7/10 15:08:11
CSS相关内容(七)
表单form标记form action提交后的最终地址 methodpost(加密后传输看不到)/get(默认) name表单名称各种表单控件/formform确定表单的范围input定义表单的各个具体的元素元素typetypetext 单行文本输入typepassword 密码输入框typeradio name类型 (checked 默认选项) 单选按钮typecheckbox name类型 复选框typebottom 普通按钮placeholder提示信息name此栏的名称id控件名称size此栏显示的宽度value开发者看align对齐方式maxlength此栏可输入文本的最大长度readonly 内容只读disabled 第一次加载页面时禁用checked 默认被选项typesubmit 提交按钮typereset 重置按钮typeimage src图片地址 图像按钮typeemail email地址typetel 电话typenumber 数值value默认值 max最大值 min最小值typerange 滑块min最小值 max最大值 step每次滑动的步幅typedate 日期date month week time datetime datetime-localautofocus 自动获取焦点required 输入框为空时不允许提交hidden 隐藏域file 文件域多行文本框textarea nametextarea idtextarea cols宽度 rows显示行数/textareacols:用于定义文本框的宽度rows用于定义文本框的行数wrap:用于定义文本框的换行方式有以下3种off 输入文字不会自动换行virtual 输入文字在屏幕上会自动换行但如果浏览者没有按“Enter”键换行则提交到服务器时视为没有换行physical 输入文字会自动换行提交到服务器时也自动换行下拉列表框select nameselect option values1 selected 分类1 /optionoption values2 分类2 /option......下拉列表框size属性设置显示列表格行数,select nameselect size2option values1 selected 分类1 /optionoption values2 分类2 /option.......下拉列表分组optgroup label分组名option /option.optgroup表单分组fromfieldset 分组标题/fieldset表单元素/fieldset/form表单样式label 扩大表单点击范围labelforusername 用户名 /labelinput typetextidusername/:focus:invalid,:required:valid选择器:focus:invalid 获得焦点输入无效状态:required:valid 有效输入的状态用法input:focus:invalid{background:url(图片地址) no-repeat right center}