form表单的内容

1.1  form标签一般和input标签连用。

属性:

         action(表单点了提交后跳转到的路径)。

路径(跳转页面  引入图片  引入css文件  引入gs文件)

绝对路径:从盘符(C盘,D盘,E盘等)开始,找到需要的文件的路径(路径+文件的名称)

相对路径:当前源文件和目标文件的相对文字。

       method:用来明确表单提交的方式。(get和post两种方式)

get请求会把用户信息暴露在地址栏上

post不会把用户信息暴露在地址栏上

post和get都没写的时候默认get

      name:表单的名称。

1.2  表单元素

表单元素(文本框,密码框,下拉列表等等),一般由input,textarea,select标签构成,需要放到form标签内使用。

1.2.1  input

语法格式

<input type="元素类型" name="元素名称" value="元素的值">

type的取值:

text---文本框(value表示文本框默认的值)

password---密码框

radio---单选按钮(name属性相同的前提下使用checked表示默认选择)

checkbox---多选按钮

submit---提交按钮(跳转至action的路径)

reset---复位按钮(返回至默认状态)

button---普通按钮

image---图像按钮(引入图像通过str="路径")

flie---文本域(上传文件的按钮)

hidden---隐藏域

email---邮箱(提交时可以报错)

color---颜色域

date---日期

time---时间

datetime-local---日期+时间

range---进度条

input的属性

checked---默认选择

readonly---只读字段只能读不能修改

disabled---表示禁用不能点击

autofocus---默认光标的位置

required---不能为空白提交

1.3.1 select标签

写下拉列表框---和option标签连用

selected属性---默认被选中的选项

multiple属性---以列表的形式展示

1.3.2 textarea标签

用来实现文本域

cols=""---列数,表示文本域的高度

rows=""---行数,表示文本域的宽度

下面图片为完整表单的完成代码及输出结果的模板

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值