[第六季]1.Javascript概述和一个简单案例.-优快云博客

本文链接：https://blog.youkuaiyun.com/zeephom/article/details/76408844

本文介绍如何使用HTML创建一个简单的表单，其中包括一个文本框用于输入姓名及一个按钮。当点击按钮时，通过JavaScript触发事件显示问候消息。文章详细解释了不同类型的按钮及其在表单中的作用，并提供了一个具体的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

4.复习笔记(这个就是课后习题以及课程所呈现的需求)

①这个案例很简单,就是增加一个文本框,用于输入姓名,然后添加一个按钮,按钮按下去就提示:你好.

5.自测代码

2.课堂笔记

添加知识
1.
(1)请输入姓名/
提交按钮type="submit"
重置按钮type="reset"
这两个按钮需要写在表单里才有意义
第三种,type="button"普通按钮,可以用在非表单中.
创建表单,写上一个文本框作为姓名的输入,写上一个按钮叫做问候
(2)添加事件

事件：发生了一件事情，以及发生了事情后的处理办法。 event

 onclick 点击事件 click=点击


<body>
<form>
请输入姓名:<input type="text" name="name" />
<br />
<input type="button" value="问候" onClick="alert('你好');"/>
</form>
</body>

<script language="javascript">
</script>
</head>

直接在onClick事件中写上你好(a.直接事件名称的后面)

3.课程效果图

这里写图片描述

1.代码

html代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>这是一篇测试文档</title>
<link rel="stylesheet" type="text/css" href="myfile.css">
<script language="javascript">
</script>
</head>

<body>
<form>
请输入姓名:<input type="text" name="name" />
<br />
<input type="button" value="问候" onClick="alert('你好');"/>
</form>
</body>
</html>