html表单元素

#自学打卡#2

【form】：表单元素，让用户把数据提交给服务器

<form action = " url "  method = " 提交的方法{get / post} “ >···各种元素···</form>

【action】：指定把请求和数据提交给哪个页面/服务器。

【元素】：

<input type = " ··· “  name = ” ··· “ />

type = text 文本内容；

            password 密码；

            hidden 隐藏框；

            checkbox 复选框；

            radio 单选框；

            submit 提交；

            reset 重置；

            image 图片（图片可以作为提交按钮）；

name = 你给该表单元素起的名字，如username，psd，sex等。

【下拉选择】value是可供选择的值。

<select name = " ··· “ >

           <option value = " ···  “>输入框中文字</option>

</select>

【留言区域】cols是列数，rows是行数。

<textarea cols = "···"  rows = " ··· ">请输入······</textarea>

【选择文件上传】

<input type = " file "  name = " myfile " />选择文件上传

代码示例：

<form action="" method="post">

您的姓名：<input type="text" name="username"/></br>

密码：<input type="password" name="pwd"/></br>

***喜欢的水果***</br>

<input type="checkbox" name="v1"/>苹果</br>

<input type="checkbox" name="v1"/>西瓜</br>

<input type="checkbox" name="v1"/>橙子</br>

</form>

***性别***</br>

<input type="radio" name="sex"/>男</br>

<input type="radio" name="sex"/>女</br>

***隐藏（提交数据，不影响界面）***</br>

<input type="hidden" name="sal" value="123"/></br>

***下拉选择***</br>

<select name="biradd">

<option value="">--请选择--</option>

<option value="beijing">北京</option>

<option value="sh">上海</option>

<option value="xian">西安</option>

</select></br>

***请留言***</br>

<textarea cols="30" rows="10">请这里输入···</textarea></br>

***请选择你要上传的文件***</br>

<input type="file" name="myfile"/>请选择文件