学习笔记02form

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了学习笔记02form相关的知识,希望对你有一定的参考价值。

1.<form>为表单标签
*如果要把数据提交到服务器,则需要将<input> <textarea> <select>等表单元素放到<from>中
*<from>是不会有任何页面效果的。

action属性值:目标是要提交给那个处理程序,或者MVC的那个controller/action
如:/xxx.ashx或/xxx.axpx或control/controler1/action1
method属性:get,post之类,能影响到发送多少数据,数据的类型(如get是不能发送json数据到服务器的),是否加密发送之类。

2.表单元素
*每个表单元素都必须设置name属性才能提交到服务器,name可以重复。name是为了可以将数据提交到服务器,服务器作为key值来获取表单值。
*只有表单元素才有name,而所有元素都能有id属性,但id是不能重复的。id的属性的主要目的是为了给浏览器设置CSS,以及给javascript来操作某个元素。


<input>
<input>是主要的表单元素,type值可选。
type属性值
submit :提交按钮
button :普通按钮
text :文本框
checkbox:复选框 要设置value值
file:文件选择框
image:图片按钮
passwork:密码框
radio:单选按钮 多个radio时,name需要一致,而且还要设置value的值。
reset:重置按钮
注意:在表单中,要有<input>type的属性值为submit才能触发表单上交。

<select>:comobox的形式
<select>
<option value="...">显示值</option>
</select>

 

以上是关于学习笔记02form的主要内容,如果未能解决你的问题,请参考以下文章

JAVAWEB学习笔记02_HTML&CSS

Django 学习笔记二

redux-form的学习笔记

redux-form的学习笔记

html学习笔记表单<form>

angularjs2 学习笔记 Form