墨记 day1|自学编程:表单标签与简单认识CSS样式
21个月前
651 1
+1
分享 收藏

一、表单

用户与网站的交互一部分是通过HTML表单(form)实现的。表单可以把浏览者输入的数据传送到服务器端。

语法:<form method="传送方式" action=“服务器文件”>

说明:

1.<form>标签是成对出现的</form>
2.method:数据传送的方式(get/post)
get是从服务器上获得数据;post是向服务器传递数据。
3.action:浏览者输入的数据被传送到的地方。

二、输入框

用户要在表单中输入字母、数字时就需要文本输入框,或者密码输入框。

语法:

<form>
<input type="text/password" name="名称“ value="默认值"

说明:

1.type="text"时,输入框为文本输入框
type="password"时,输入框为密码输入框

2.name:为文本框命名,以备后台ASP、PHP使用
3.value:为文本输入框设置默认值

三、文本域

当需要在表单中输入大段文字时需要用到文本域。

语法:
<textarea rows="行数" cols="列数">文本</textarea>

四、单选框与复选框

语法:

<iput type="radio/checkbox" value="值" name="名称" checked="checked">

1.type

当type="radio"时,控件为单选框
当type="checkbox"时,控件为复选框

2.value:提交数据到服务器的值
3.name:为控件命名
4.checked:设置后该选项为默认值

五、下拉列表框

语法:

<option value="提交值" selected="selected">名称</option>

说明:
当selected="selected"时,当前选项为默认值

六、在下拉列表中多选

语法:

<selected multiple="multiple"></selected>

例子:

<select multiple="multiple">

<option value="" ></option>
<option value=""></option>

</selected>


标签
评论 1
写评论
提交
大仁,你要开始自学编程了么??!1
2016-9-23  |  回复 (1 收起回复
巴大仁
巴大仁  回复 humic: 试一试呗,看能不能坚持下去。嘿嘿
2016-9-23  |  回复
确定回复
添加到资源集
+创建资源集
取消
确定
新建资源集 ×
标题:
描述:

返回
创建
用户名不正确!
下次自动登录
×
创建资源集目前仅对内测用户开放,点击获取内测权限。