前端技术学习之道:html之简单网页表格制作

本文介绍了HTML中<input>和<textarea>元素的使用,详细讲解了input的type属性,包括text、button、checkbox、file等类型,并展示了如何创建简单的用户注册/登录表单,包含文本框、密码输入、单选按钮、复选框、日期选择等功能。
摘要由CSDN通过智能技术生成

<input>用于搜集用户信息,无结束语。

<type>input元素类型,

input 之type 属性,type属性值:

text(文本框),button(按钮),checkbox(复选框),file(文件),hidden(隐藏字段)

image(图像),password(密码框),radio(单选按钮),reset(重置按钮),submit(提交按钮)

描述
button 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。
checkbox 定义复选框。
file 定义输入字段和 "浏览"按钮,供文件上传。
hidden 定义隐藏的输入字段。
image 定义图像形式的提交按钮。
password 定义密码字段。该字段中的字符被掩码。
radio 定义单选按钮。
reset 定义重置按钮。重置按钮会清除表单中的所有数据。
submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
text 定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。

<textarea>定义一个文本区域,结束语</textarea>.textarea属性:

属性 描述 4 5
autofocus
  • true
  • false
在页面加载时,使这个 textarea 获得焦点。   5
cols number 规定文本区内可见的列数。 4 5
disabled
  • true
  • false
当此文本区首次加载时禁用此文本区。 4 5
form
  • true
  • false
定义该 textarea 所属的一个或多个表单。   5
inputmode inputmode 定义该 textarea 所期望的输入类型。   5
name name_of_textarea 为此文本区规定的一个名称。 4 5
readonly
  • true
  • false
指示用户无法修改文本区内的内容。 4 5
required
  • true
  • false
定义为了提交该表单,该 textarea 的值是否是必需的。   5
rows number 规定文本区内可见的行数。 4 5

例:

<textarea rows="3" cols="30">
文本...
</textarea>

<b>粗体,结束语</b>

<i>斜体,结束语</i>

<u>加下划线,结束语</u>

<big>大型字体</big>

<small>小型字体</small>

<blink>闪烁效果</blink>

<em>一般为斜体,强调</em>

<strong>一般为粗体,强调</strong>

<cite>一般为斜体,用于引证、举例</cite>

[html]  view plain copy
  1. <
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值