NAME
Tags::HTML::Element::Input - Tags helper for HTML input element.
SYNOPSIS
use Tags::HTML::Element::Input;
my $obj = Tags::HTML::Element::Input->new(%params);
$obj->cleanup;
$obj->init($input);
$obj->prepare;
$obj->process;
$obj->process_css;METHODS
new
my $obj = Tags::HTML::Element::Input->new(%params);Constructor.
css'CSS::Struct::Output' object for process_css processing.
Default value is undef.
tags'Tags::Output' object.
Default value is undef.
cleanup
$obj->cleanup;Cleanup internal structures.
Returns undef.
init
$obj->init($input);Initialize object.
Accepted $input is Data::HTML::Element::Input.
Returns undef.
prepare
$obj->prepare;Process initialization before page run.
Do nothing in this object.
Returns undef.
process
$obj->process;Process Tags structure to output.
Returns undef.
process_css
$obj->process_css;Process CSS::Struct structure for output.
Returns undef.
ERRORS
new():
From Tags::HTML::new():
Parameter 'css' must be a 'CSS::Struct::Output::*' class.
Parameter 'tags' must be a 'Tags::Output::*' class.
process():
From Tags::HTML::process():
Parameter 'tags' isn't defined.
Input object must be a 'Data::HTML::Element::Input' instance.
process_css():
From Tags::HTML::process_css():
Parameter 'css' isn't defined.
Input object must be a 'Data::HTML::Element::Input' instance.EXAMPLE
use strict;
use warnings;
use CSS::Struct::Output::Indent;
use Data::HTML::Element::Input;
use Tags::HTML::Element::Input;
use Tags::Output::Indent;
# Object.
my $css = CSS::Struct::Output::Indent->new;
my $tags = Tags::Output::Indent->new(
'xml' => 1,
);
my $obj = Tags::HTML::Element::Input->new(
'css' => $css,
'tags' => $tags,
);
# Data object for input.
my $input = Data::HTML::Element::Input->new(
'css_class' => 'form-input',
);
# Initialize.
$obj->init($input);
# Process input.
$obj->process;
$obj->process_css;
# Print out.
print "HTML:\n";
print $tags->flush;
print "\n\n";
print "CSS:\n";
print $css->flush;
# Output:
# HTML:
# <input class="form-input" type="text" />
#
# CSS:
# input.form-input[type=submit]:hover {
# background-color: #45a049;
# }
# input.form-input[type=submit] {
# width: 100%;
# background-color: #4CAF50;
# color: white;
# padding: 14px 20px;
# margin: 8px 0;
# border: none;
# border-radius: 4px;
# cursor: pointer;
# }
# input.form-input {
# width: 100%;
# padding: 12px 20px;
# margin: 8px 0;
# display: inline-block;
# border: 1px solid #ccc;
# border-radius: 4px;
# box-sizing: border-box;
# }DEPENDENCIES
Class::Utils, Error::Pure, Scalar::Util, Tags::HTML, Tags::HTML::Element::Utils.
REPOSITORY
https://github.com/michal-josef-spacek/Tags-HTML-Element
AUTHOR
Michal Josef Špaček mailto:skim@cpan.org
LICENSE AND COPYRIGHT
© 2022-2024 Michal Josef Špaček
BSD 2-Clause License
VERSION
0.12