HTML中的表单
表单结构,文本栏、密码栏、隐藏栏、复选栏、单选栏、窗体栏位、区块栏位、按钮、图像按钮、允许上传文件、表单的外框和标题、元件的次序和快捷键。
1表单结构:<form>...</form>属性,属性值namestring(字符串,给这个表单起个名字)methodget/post (表单的传输方式)actionurl (路径,传输目标)。
2文本栏:<input type="text" >密码栏:<input type="password" >隐藏性栏位: <input type="hidden" >属性:name="栏位名称" value="栏位内定值" size="栏位显示宽度"maxlength="栏位数据输入最大长度" placeholder="隐身字"readonly="readonly"(只读,禁止写)disabled="disabled"(禁用)。
3复选框(多选):<input type=”checkbox”>单选框: <input type="radio">属性:name=” 栏位名称”value=”内定值” checked=”checked”(默认选择)disabled=”disabled ”(禁止选择)。
html表单在页面区域怎么设置
1、首先打开hbuilder编辑器,新建一个html文件,写一个form表单,并设置class属性值,form中设置两个input标签:
2、然后在上方的style标签中设置form的样式,在form的class属性中设置宽高属性,以px为单位设置宽高,背景颜色设置另一种颜色,最后设置form的盒子模型边距即可:
3、最后打开浏览器就可以看到,一个宽250px高30px的的form表单了
html表单的几种提交方式总结
最普通最常用最一般的方法就是用submit type.代码如下:123
另外,还有一种常用的方法是使用图片: 123第三种是使用链接来提交表单,用到了javascript的DOM模型:123什么属性可以控制表单的文本框只能输入5个字符
1.type
输入方式为text,能产生一个单行的文本框,这是必要的域,上限为255个字符;
2.name
文本框的名称,方便表单处理程序辨认表单组件,可以自行设置英文,数字以及下划线都可以,但是区分大小写;
3.vale
文本框的默认值,如果省略此属性,则文本框是空白的,例如value="guest"表示guest字样会出现在文本框中,用户可以修改;
4.size
文本框的长度,数字越大,文本框越长,如果省略不写,则会以默认size=20为长度;
5.maxlength
限制文本框字数,为了避免用户输入错误,可以加入此属性来限制输入的字数,例如手机号码必须是11位数.
6.autofocus
自动获得焦点,也不是指加载页面完成之后,鼠标光标定位在哪个文本框上.
还没有评论,来说两句吧...