网页制作基础教程(三)-html表单

  • 编辑时间: 2014-04-29
  • 浏览量: loading
  • 作者: 段亮

思维一旦开阔了,有时候就冒出很多赚钱的想法,但苦逼的是缺乏技术。缺乏一支能共进退、共患难的团队。我不希望我团队的人,是为了利益而组建在一起的,那样没有意义。需要的是一群有共同理想、目标的人,共同打造出“代友”这代言词,何为“代友”?见名知意:在程序猿世界里,一起在码代码中认识的朋友。简称代友。

在上节教程中,我简单的学习了html标签,今天跟大家一起深入学习“网页制作基础教程(三)之html表单

在form表单中我认为有以下几个知识点:

一:文本

<input type="text" name="userrname" />用户名

二:密码框

<input type="password" name="username" />密码

三:单选按钮

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

<input type="radio" name="sex" value="女" checked="checked"/>女

注:在单选按钮中name属性值必须一样,才能被选中。checked表示被默认选中

四:多选按钮

<input type="checkbox" name=""/>唱歌

<input type="checkbox" name=""/>旅游

五:label标签

<input type="checkbox" name="" id="n"/><label for="n">唱歌<label>

注:运用label标签的好处:提升用户体验。原本没加label标签,点击文字是不能选择的,但是加了label就能点击。

for 属性应当与相关元素的 id 属性相同。

六:下拉列表

<select name="dizhi" size="3">

<option value="1">长沙</option>

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

<option value="3">武汉</option>

</select>

注:size:表示显示下拉的数目

七:文本域

<textarea rows="6" cols="40" name=""></textarea>

注:rows表示行(宽)的意思,clos表示列(高)的意思

八:提交按钮

<input type="submit" value="提交按钮"/>提交按钮

九:重置按钮

<input type="reset" value="重置按钮"/>重置按钮

十:表单form

<form action="#" method="get/post"></form>

注:action表示提交地址。method表示表单传参,一般考虑安全采用post传值。

总结:在表单中name的作用是传递到后台数据库相对应的名称,而value就是值。

如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对段亮这小子的支持! ~(@^_^@)~

微信扫一扫 微信打赏

支付宝扫一扫 支付宝打赏

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)

你也想建立一个独立博客?

你是否也想打造一个在互联网上的个人品牌,成为一个家喻户晓的人物呢?
请点击了解 怎样创建个人博客