El propósito de este artículo es especificar una o más formas a las que pertenece el objeto. En palabras simples, solo tenemos que crear un formulario y luego, después de crear un objeto, solo tenemos que especificar a qué formulario pertenece. El elemento de formulario se utiliza para crear un formulario HTML para la entrada del usuario. El elemento de objeto se utiliza para definir un contenedor para un recurso externo.
El atributo de formulario se utiliza para especificar a qué formulario pertenece el objeto. Este atributo es aceptado por el elemento objeto.
Acercarse:
- Primero, crearemos una página HTML con un elemento de formulario.
- Cree un objeto y especifique a qué formulario pertenece.
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<head>
<title> Form attribute </title>
<style>
body {
text-align: center;
background-color: lightgreen;
font-size: 20px;
}
button {
background-color: #4CAF50;
/* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
</style>
</head>
<body>
<h1 style="color:green">GeeksForGeeks</h1>
<form id="form1">
First name: <input type="text" name="fname">
<br><br>
<button>Submit</button>
</form>
<br><br>
<object data="gfg.jpg"
width="350"
height="250"
form="form1">
</object>
</body>
</html>
Salida: En este ejemplo, hemos creado el objeto por separado, pero también es parte del formulario.
Ejemplo 2:
gfg.html
<!DOCTYPE html>
<html>
<head>
<title>Form attribute</title>
<style>
body {
text-align: center;
background-color: lightgreen;
font-size: 20px;
}
button {
background-color: #4caf50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
</style>
</head>
<body>
<h1 style="color: green">GeeksForGeeks</h1>
<form id="form1">
First name: <input type="text" name="fname" />
<br /><br />
<button>Submit</button>
</form>
<br /><br />
<object data="new.html" width="550"
height="250" form="form1">
</object>
</body>
</html>
Publicación traducida automáticamente
Artículo escrito por GeeksforGeeks y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA