表单应用

来源:互联网 发布:环法自行车价格 知乎 编辑:程序博客网 时间:2024/06/04 18:43

表单用于提交客户资料

<form></form>为输入的表单元素构建一个块状区域,并指定数据提交到那个URL

<form>可设置属性:namen(是表单的名称) action(处理程序的URL/通俗讲就是把信息提交到谁的手里)method(提交信息的方式)

一般method提交方式有两种:“get”:提交的时候会在地址栏看见表单所有属性:

                                              “post”:提交的时候看不见所有表单属性(通常用post

<form>三属性必不可少

常用表单域标签:<input>  <button>  <textarea>(文本域标签)

<input>标签重要属性:name   type(定义该标签域的属性) value(值) size(控制文本框的长度) maxlength(控制输入文本框的最大字符)注:(type是必不可少的) 

type的属性值:text    possword(文本框中内容不可见/就是密码) button(定义的按钮/主要用于javascript的触发)submit(用于提交表单内容) checkbox(复选框,能选多个):

                <input type="checkbox" name="兴趣爱好">乒乓球
       <input type="checkbox" name="兴趣爱好" checked>游戏(此处的checked是表示默认选项
       <input type="checkbox" name="兴趣爱好">音乐
        <input type="checkbox" name="兴趣爱好">电影

用复选框时注意:name必须是要一致

单选框radio:不管多少选项只能选择一个

<input type=“radio” name=“性别” value=“男”>男

<input type=“radio” name=“性别” value=“女”>女

表单域标签<button>:可以在该标签内部放置元素或者图片如下

<button type=“subimt”>登录</button>==<input type=“submit” value=“登录”>

<button><img src=“”></button>==<input><img src=“”>

下拉标签例子:

<select>

<option name="城市" value=“0”>成都</option>   ==>解释:在表单中上传的信息只有name属性值value值

<option name="城市" value=“1”>四川</option>   ==>注释:<select>标签中size不再是文本框长度而是显示                                                                                                                         下拉个数

</select>

文本域标签:

备注:<textare cols=“10px” rows=“5px”>这家伙很懒,什么都没留下</textare>