How to hide input in xml? - html

I'm confused, if the code in the html is like this:
<input type="hidden" value="123">
So how's that code in xml?
I'm just learning xml, but I'm stuck in this element, if in html it has type="hidden" and value="123" then what does xml have? How to use type="hidden" and value="123" in xml?
Thank you.

All you have to do is just add hidden attributes. The mistake you made is adding type="hidden" instead of just adding "hidden" without type
<input hidden type="text"/>

Related

HTML and AngularJS Interpolation for email form

I'm using formspree.io for some simple contact forms and want to dynamically change the email address with Angular1 so it looks something like this:
<form action="https://formspree.io/{{ user.email }}" method="POST">
Can anyone help shine some light on this? I can't quite work it out so any thoughts would be massively appreciated.
go to the following link. it has clearly mensioned how to post a form in angular, jquery, etc.
https://scotch.io/tutorials/submitting-ajax-forms-the-angularjs-way
go to the formspree website. there you can see the clear explanation in traditional way
<form action="https://formspree.io/your#email.com" method="POST">
<input type="text" name="name">
<input type="email" name="_replyto">
<input type="submit" value="Send">
</form>
just convert this form into angular supported form and your work will be pretty easy if you use twoway data binding
ng-submit also works well angular documentation
<form ng-submit="submit()" ng-controller="ExampleController">
<input type="text" ng-model="text" name="text" />
<input type="submit" id="submit" value="Submit" />
</form>
here submit() is a function that trigger the post request
Trust the url input with SCE (Strict Contextual Escaping (SCE)
See sce docs

Getting value form input type hidden

I am using input type hidden for getting hidden data in URL. Here is my code
<input type="hidden" name="post_type" value="kcc-product">
<input type="hidden" name="post_type" value="kcc-manufacturer">
When I am using it, I am getting URL as &post_type=kcc-product&post_type=kcc-manufacturer
But I need it like: &post_type=kcc-product&kcc-manufacturer
Just I have to remove **post_type=** from URL. I tried with
<input type="hidden" name="post_type" value="kcc-product">
<input type="hidden" name="" value="kcc-manufacturer">
But, it is not working. How can I remove **post_type=** from URL? Any Ideas?
<input type="hidden" name="post_type[]" value="kcc-product">
<input type="hidden" name="post_type[]" value="kcc-manufacturer">
try this. Both value of post_type will be avilable in $_GET['post_type'] as an array.
Not that I am advocating this approach but ..
why don't you just have one hidden field variable instead of both?
<input type="hidden" name="post_type" value="kcc-product&kcc-manufacturer">
That will produce the url you are after "&post_type=kcc-product&kcc-manufacturer"
First thing is, there should not be two hidden fields with same name.
So, You can remove one extra hidden field and make them as one. And then write as below:
<input type="hidden" name="post_type" value="kcc-product&kcc-manufacturer">
Otherwise, if you use two hidden fields, it considers as two separate parameters and shows as two separate parameters.
Otherwise specify method="POST" in form tag, it will automatically doesn't show in url.
I guess, it might helps.

HTML form, sets of data, datastructure interpretation

I have a form that is dynamically generated. Containing recurring lists of hidden fields, that represent selections within my application.
A form would typically look something like this:
<form>
<fieldset>
<input type="hidden" name="key1" value="value1"/>
<input type="hidden" name="key1_option" value="option1"/>
</fieldset>
<fieldset>
<input type="hidden" name="key2" value="value1"/>
<input type="hidden" name="key2_option" value="option2"/>
</fieldset>
</form>
Is there a better way to do something like this?
The main difficulty I am facing is that you lose the logical grouping of the fieldsets when you submit the form and try to interpret the input on the backend.
The logic behind the HTML structure will be lost of course, the only information transmitted is what's inside the form-tag. But I guess you already know that.
Why don't you use arrays to name your variables?
<form>
<fieldset>
<input type="hidden" name="keyset[0][key]" value="value1"/>
<input type="hidden" name="keyset[0][option]" value="option1"/>
</fieldset>
<fieldset>
<input type="hidden" name="keyset[1][key]" value="value1"/>
<input type="hidden" name="keyset[1][key]" value="option2"/>
</fieldset>
</form>
Is there a reason you group your items like that?

Why the position of input within form have changed in browser?

In the template file, I write like this
% for name,sequence in NAME_SEQUENCE:
<form id="ucsc_profile_form${sequence_counter}"
action="${request.route_path('CF_profile_UCSC_adapter')}"
method="GET" target="_blank">
<input type="hidden" value="${species_short}" name="species">
<input type="hidden" value="${chrom}" name="chrom">
<input type="hidden" value="${start}" name="start">
</form>
....
% endfor
But when I use firebugs to check the html codes, they are rendered like this:
<form id="ucsc_profile_form1" action="${request.route_path('CF_profile_UCSC_adapter')}" method="GET" target="_blank">
</form>
<input type="hidden" value="${species_short}" name="species">
<input type="hidden" value="${chrom}" name="chrom">
<input type="hidden" value="${start}" name="start">
The strange thing is that the <input> element becomes out of <form>..
The original page can be viewed here, though the DOM structure looks wrong, the element of the form can still be submit..
Does anyone have ideas about this?
Running the link through the W3C Markup Validator. I see 674 HTML errors.
More often than not, these types of issues stem from Firebug becoming confused by errors elsewhere in the HTML.
In your case, you have <form> elements as children of <table> and <input> elements as direct children of <tbody>.
Fixing the above errors should get Firebug playing nice.

Using HTML input element (type="submit"), how can we customize the GET field?

Using <form method="get"> element including <input type="submit"> element, we can have a way to GET a web page with some fields specified by the <input type="text" name="studentId"> elements, but can I customize those fields?
For example: I always want to add a action=true to the GET url to let the URL be something like this: http://example.com/?studentId=123&action=true?
Use <input type="hidden" name="action" value="true" />
inside your form.
You can add a hidden form field, though the name action is not a good one, as form has an action attribute and this name can conflict when scripting the form:
<input type="hidden" id="something" name="something" value="somthingelse" />
<div id="gbqffd">
<input type="hidden" value="en" name="h1">
<input type="hidden" value="d" name="tbo">
<input type="hidden" value="search" name="output">
<input type="hidden" value="psy-ab" name="sclient">
</div>
Google always has the answer; in this case I never had to do a search just look at the source :)