❮ PHP Array Reference
Example
Assign variables as if they were an array:
Try it Yourself »
Definition and Usage
The list[] function is used to assign values to a list of variables in one operation.
Note: Prior to PHP 7.1, this function only worked on numerical arrays.
Syntax
Parameter Values
| var1 | Required. The first variable to assign a value to |
| var2,... | Optional. More variables to assign values to |
Technical Details
| Returns the assigned array |
| 4+ |
More Examples
Example
Using the first and third variables:
Try it Yourself »
❮ PHP Array Reference
HTML lists allow web developers to group a set of related items in lists.
Example
An unordered HTML list:
- Item
- Item
- Item
- Item
An ordered HTML list:
- First item
- Second item
- Third item
- Fourth item
Try it Yourself »
Unordered HTML List
An unordered list starts with the tag.
The list items will be marked with bullets [small black circles] by default:
Ordered HTML List
An ordered list starts with the tag.
The list items will be marked with numbers by default:
HTML Description Lists
HTML also supports description lists.
A description list is a list of terms, with a description of each term.
The tag defines the description list, the tag defines the term [name], and the tag describes each term:
Example
Coffee
- black hot drink
Milk
- white cold drink
Try it Yourself »
HTML List Tags
| Defines an unordered list | |
| Defines an ordered list | |
| Defines a list item | |
| Defines a description list | |
| Defines a term in a description list | |
| Describes the term in a description list |
For a complete list of all available HTML tags, visit our HTML Tag Reference.
Learn PHP
PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages.
Nội dung chính
- Easy Learning with "PHP Tryit"
- PHP Exercises
- PHP Examples
- PHP Quiz Test
- My Learning
- PHP References
- Kickstart your career
- Define a Class
- Define Objects
- PHP - The $this Keyword
- PHP - instanceof
- How To Create a Login Form
- How To Create a Modal Login Form
PHP is a widely-used, free, and efficient alternative to competitors such as Microsoft's ASP.
Start learning PHP now »
Easy Learning with "PHP Tryit"
With our online "PHP Tryit" editor, you can edit the PHP code, and click on a button to view the result.
Example
Try it Yourself »
Click on the "Try it Yourself" button to see how it works.
PHP Exercises
PHP Examples
Learn by examples! This tutorial supplements all explanations with clarifying examples.
See All PHP Examples
PHP Quiz Test
Learn by taking a quiz! This quiz will give you a signal of how much you know, or do not know, about PHP.
Start PHP Quiz!
My Learning
Track your progress with the free "My Learning" program here at W3Schools.
Log into your account, and start earning points!
This is an optional feature, you can study W3Schools without using My Learning.
PHP References
W3Schools' PHP reference contains different categories of all PHP functions, keywords and constants, along with examples.
Kickstart your career
Get certified by completing the course
Get certified
w3schoolsCERTIFIED.2022A class is a template for objects, and an object is an instance of class.
OOP Case
Let's assume we have a class named Fruit. A Fruit can have properties like name, color, weight, etc. We can define variables like $name, $color, and $weight to hold the values of these properties.
When the individual objects [apple, banana, etc.] are created, they inherit all the properties and behaviors from the class, but each object will have different values for the properties.
Define a Class
A class is defined by using the class keyword, followed by the name of the class and a pair of curly braces [{}]. All its properties and methods go inside the braces:
Syntax
Below we declare a class named Fruit consisting of two properties [$name and $color] and two methods set_name[] and get_name[] for setting and getting the $name property:
Note: In a class, variables are called properties and functions are called methods!
Define Objects
Classes are nothing without objects! We can create multiple objects from a class. Each object has all the properties and methods defined in the class, but they will have different property values.
Objects of a class is created using the new keyword.
In the example below, $apple and $banana are instances of the class Fruit:
Example
Try it Yourself »
In the example below, we add two more methods to class Fruit, for setting and getting the $color property:
Example
Try it Yourself »
PHP - The $this Keyword
The $this keyword refers to the current object, and is only available inside methods.
Look at the following example:
Example
So, where can we change the value of the $name property? There are two ways:
1. Inside the class [by adding a set_name[] method and use $this]:
Example
Try it Yourself »
2. Outside the class [by directly changing the property value]:
Example
Try it Yourself »
PHP - instanceof
You can use the instanceof keyword to
check if an object belongs to a specific class:
Example
Try it Yourself »
Learn how to create a responsive login form with CSS.
Click on the button to open the login form:
×
Username Password Remember me
Try it Yourself »
How To Create a Login Form
Step 1] Add HTML:Add an image inside a container and add inputs [with a matching label] for each field. Wrap a element around them to process the input. You can learn more about how to process input in our PHP tutorial.
Example
Username
Password
Login
Remember me
Cancel
Forgot password?
Step 2] Add CSS:
Example
/* Bordered form */
form {
border: 3px solid #f1f1f1;
}
/* Full-width inputs */
input[type=text], input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
}
/* Set a style for all buttons */
button {
background-color: #04AA6D;
color: white;
padding: 14px 20px;
margin:
8px 0;
border: none;
cursor: pointer;
width: 100%;
}
/* Add a hover effect for buttons */
button:hover {
opacity: 0.8;
}
/* Extra style for the cancel button [red] */
.cancelbtn {
width: auto;
padding: 10px 18px;
background-color: #f44336;
}
/* Center the avatar image inside this container */
.imgcontainer {
text-align: center;
margin: 24px 0 12px
0;
}
/* Avatar image */
img.avatar {
width: 40%;
border-radius: 50%;
}
/* Add padding to containers */
.container {
padding: 16px;
}
/* The "Forgot password" text */
span.psw {
float: right;
padding-top: 16px;
}
/* Change styles for span and cancel button on extra small screens */
@media screen and [max-width: 300px] {
span.psw {
display: block;
float: none;
}
.cancelbtn {
width: 100%;
}
}
Try it Yourself »
How To Create a Modal Login Form
Step 1] Add HTML:Example
Login
×
Username
Password
Login
Remember me
Cancel
Forgot password?
Example
/* The Modal [background] */
.modal {
display:
none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb[0,0,0]; /* Fallback color */
background-color: rgba[0,0,0,0.4]; /* Black w/ opacity */
padding-top: 60px;
}
/* Modal Content/Box
*/
.modal-content {
background-color: #fefefe;
margin: 5px auto; /* 15% from the top and centered */
border: 1px solid #888;
width: 80%; /* Could be more or less, depending on screen size */
}
/* The Close Button */
.close {
/* Position it in the top right corner outside of the modal */
position: absolute;
right: 25px;
top: 0;
color: #000;
font-size: 35px;
font-weight:
bold;
}
/* Close button on hover */
.close:hover,
.close:focus {
color: red;
cursor: pointer;
}
/* Add Zoom Animation */
.animate {
-webkit-animation: animatezoom 0.6s;
animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
from {-webkit-transform: scale[0]}
to {-webkit-transform: scale[1]}
}
@keyframes animatezoom {
from {transform: scale[0]}
to
{transform: scale[1]}
}
Tip: You can also use the following javascript to close the modal by clicking outside of the modal content [and not just by using the "x" or "cancel" button to close it]:
Example
// Get the modal
var modal = document.getElementById['id01'];
// When the user clicks anywhere outside of the modal, close it
window. title = function[event] {
if [event.target == modal] {
modal.style.display
= "none";
}
}
Try it Yourself »
Tip: Go to our HTML Form Tutorial to learn more about HTML Forms.
Tip: Go to our CSS Form Tutorial to learn more about how to style form elements.
Ever heard about W3Schools Spaces? Here you can create your website from scratch or use a template, and host it for free.
Get started for free ❯
* no credit card required