blocks|key|263892|text|我认为这应该可以做到：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|263893|$result+=+'<input+'.join('+',+array_map(function($key)+use+($attributes)
{
+++if(is_bool($attributes[$key]))
+++{
++++++return+$attributes[$key]?$key:'';
+++}
+++return+$key.'="'.$attributes[$key].'"';
},+array_keys($attributes))).'+/>';|code-block|syntax|javascript|263894|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I think this should do it:

<pre><code>$result = '&lt;input '.join(' ', array_map(function($key) use ($attributes)
{
 if(is_bool($attributes[$key]))
 {
 return $attributes[$key]?$key:'';
 }
 return $key.'="'.$attributes[$key].'"';
}, array_keys($attributes))).' /&gt;';
</code></pre>

blocks|key|47394|text|$attr+=+array(
++++'type'+++++=>+'text',
++++'id'+++++++=>+'contact-name',
++++'name'+++++=>+'contact-name',
++++'required'+=>+true,
++++'value'++++=>+'"+html+\'test\''
);

echo+'<input+'.+implode('+',+array_map(
++++function+($k,+$v)+{+return+$k+.'="'.+htmlspecialchars($v)+.'"';+},
++++array_keys($attr),+$attr
))+.'+/>';|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|47395|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$attr = array(
 'type' =&gt; 'text',
 'id' =&gt; 'contact-name',
 'name' =&gt; 'contact-name',
 'required' =&gt; true,
 'value' =&gt; '" &lt;b&gt;html&lt;/b&gt; \'test\''
);

echo '&lt;input '. implode(' ', array_map(
 function ($k, $v) { return $k .'="'. htmlspecialchars($v) .'"'; },
 array_keys($attr), $attr
)) .' /&gt;';
</code></pre>

blocks|key|263876|text|一些类似的东西(一个非常简单的方法--当然您可以对其进行扩展，但这将为您提供基本的功能)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|263877|$output+=+"<input+";
foreach($attributes+as+$key+=>+$value){
++++$output+.=+$key.'="'.$value.'"+';
}
$output+.=+"/>";|code-block|syntax|javascript|263878|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Something along these lines (a very simple method -- of course you can extend this, but this will provide you with the basic functionality):

<pre><code>$output = "&lt;input ";
foreach($attributes as $key =&gt; $value){
 $output .= $key.'="'.$value.'" ';
}
$output .= "/&gt;";
</code></pre>

blocks|key|263938|text|$output+=+'<input+';

foreach+($attributes+as+$name+=>+$value)+{
++++if+(is_bool($value))+{
++++++++if+($value)+$output+.=+$name+.+'+';
++++}+else+{
++++++++$output+.=+sprintf('%25s="%25s"',+$name,+$value);
++++}
}

$output+.=+'>';|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|263939|对于XHTML更改|unstyled|263940|++++if+($value)+$output+.=+$name+.+'+';|263941|至|263942|++++if+($value)+$output+.=+sprintf('%25s="%25s"',+$name,+$name);|263943|和|263944|++++$output+.=+'>';|263945|263946|++++$output+.=+'/>';|263947|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|X|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|Y|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|Z|8|@]|9|@]|A|$B|C]]|$1|M|3|N|5|F|7|10|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|11|8|@]|9|@]|A|$B|C]]|$1|Q|3|J|5|F|7|12|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|13|8|@]|9|@]|A|$B|C]]|$1|T|3|-4|5|F|7|14|8|@]|9|@]|A|$]]]|U|$]]

<pre><code>$output = '&lt;input ';

foreach ($attributes as $name =&gt; $value) {
 if (is_bool($value)) {
 if ($value) $output .= $name . ' ';
 } else {
 $output .= sprintf('%s="%s"', $name, $value);
 }
}

$output .= '&gt;';
</code></pre>

For XHTML change

<pre><code> if ($value) $output .= $name . ' ';
</code></pre>

to 

<pre><code> if ($value) $output .= sprintf('%s="%s"', $name, $name);
</code></pre>

and 

<pre><code> $output .= '&gt;';
</code></pre>

to

<pre><code> $output .= '/&gt;';
</code></pre>

blocks|key|47431|text|这是我在我的项目中使用的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|47432|function+html_attributes($attributes)
{
++++if(!$attributes)+return+'';

++++$compiled+=+join('="%25s"+',+array_keys($attributes)).'="%25s"+';

++++return+rtrim(vsprintf($compiled,+array_map('htmlspecialchars',+array_values($attributes))));
}|code-block|syntax|javascript|47433|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This is a solution I use in my projects:

<pre><code>function html_attributes($attributes)
{
 if(!$attributes) return '';

 $compiled = join('="%s" ', array_keys($attributes)).'="%s" ';

 return rtrim(vsprintf($compiled, array_map('htmlspecialchars', array_values($attributes))));
}
</code></pre>

blocks|key|47470|text|$input_attrs+=+array(
++++'type'+=>+'text',
++++'placeholder'+=>+'Placeholder',
++++'value'+=>+'the+value'
);

//Use+&+for+modify+current+item+in+array
array_walk($input_attrs,+function+(&$item,+$key)+{
++++$item+=++$key+.+'="'+.+$item+.+'"';
});

$input+=+'<input+'.+implode('+',+$input_attrs)+.'+/>';++++|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|47471|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$input_attrs = array(
 'type' =&gt; 'text',
 'placeholder' =&gt; 'Placeholder',
 'value' =&gt; 'the value'
);

//Use &amp; for modify current item in array
array_walk($input_attrs, function (&amp;$item, $key) {
 $item = $key . '="' . $item . '"';
});

$input = '&lt;input '. implode(' ', $input_attrs) .' /&gt;'; 
</code></pre>

blocks|key|47411|text|老式的PHP4-+5.2版本。这还允许为class属性创建一个数组。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|47412|$attributes+=+array(
++++"type"+++++++++=>+"text",
++++"class"++++++++=>+array("one",+"two"),
++++"id"+++++++++++=>+"contact-name",
++++"name"+++++++++=>+"contact-name",
++++"required"+++++=>+true
);

printf(
++++'<input+%25s+/>',+
++++join('+',+array_map('mapAttr',+array_keys($attr),+array_values($attr)))
);

function+mapAttr($key,+$value)+{
+++if+(is_array($value))+{
++++++return+mapAttr($key,+join('+',+$value));
+++}
+++if+(is_bool($value))+{
++++++return+$value+?+$key+:+'';
+++}
+++return+sprintf('%25s="%25s"',+$key,+$value);
}|code-block|syntax|javascript|47413|entityMap^0|K|5|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Old school PHP 4 - 5.2 version. This also allows for an array for the <code>class</code> attribute.

<pre><code>$attributes = array(
 "type" =&gt; "text",
 "class" =&gt; array("one", "two"),
 "id" =&gt; "contact-name",
 "name" =&gt; "contact-name",
 "required" =&gt; true
);

printf(
 '&lt;input %s /&gt;', 
 join(' ', array_map('mapAttr', array_keys($attr), array_values($attr)))
);

function mapAttr($key, $value) {
 if (is_array($value)) {
 return mapAttr($key, join(' ', $value));
 }
 if (is_bool($value)) {
 return $value ? $key : '';
 }
 return sprintf('%s="%s"', $key, $value);
}
</code></pre>

blocks|key|47453|text|我使用这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|47454|function+html_attributes(array+$array)+{
++++return+implode('+',+array_map(function+($key,+$value)+{
++++++++if+(is_array($value))+{
++++++++++++$value+=+implode('+',+$value);
++++++++}

++++++++return+$key+.+'="'+.+htmlspecialchars($value)+.+'"';
++++},+array_keys($array),+$array));
}|code-block|syntax|javascript|47455|这个函数允许使用属性值的数组。例如。|47456|$attrs+=+[
++++'class'+=>+['foo',+'bar'],
++++'id'+=>+'baz',
];

echo+html_attributes($attrs);
//+->+`class="foo+bar"+id="baz"`|47457|‘希望它能帮助别人！;-)|47458|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I use this one:

<pre><code>function html_attributes(array $array) {
 return implode(' ', array_map(function ($key, $value) {
 if (is_array($value)) {
 $value = implode(' ', $value);
 }

 return $key . '="' . htmlspecialchars($value) . '"';
 }, array_keys($array), $array));
}
</code></pre>

This one allow to use array of attribute's value. Ex.

<pre><code>$attrs = [
 'class' =&gt; ['foo', 'bar'],
 'id' =&gt; 'baz',
];

echo html_attributes($attrs);
// -&gt; `class="foo bar" id="baz"`
</code></pre>

'hope it helps someone! ;-)

blocks|key|47462|text|function+createDomElement($tag,+$attributes,+$inner+=+'',+$closingTag+=+true)
{
++++return+'<'+.+$tag+.+'+'+.+rtrim(join('+',+array_map(function+($key)+use+($attributes)+{
++++++++return+is_bool($attributes[$key])+?+$attributes[$key]+:+$key+.+'="'+.+$attributes[$key]+.+'"';
++++},+array_keys($attributes))))+.+'>'+.+$inner+.+($closingTag+?+'</'+.+$tag+.+'>'+:+'');
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|47463|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>function createDomElement($tag, $attributes, $inner = '', $closingTag = true)
{
 return '&lt;' . $tag . ' ' . rtrim(join(' ', array_map(function ($key) use ($attributes) {
 return is_bool($attributes[$key]) ? $attributes[$key] : $key . '="' . $attributes[$key] . '"';
 }, array_keys($attributes)))) . '&gt;' . $inner . ($closingTag ? '&lt;/' . $tag . '&gt;' : '');
}
</code></pre>

blocks|key|47514|text|一些我还没有看到的东西，使用php's+array_reduce。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|47515|++++<?php
++++$attributeCollection+=+[
++++++++'speed'+=>+'slow',
++++++++'ball'+=>+false,
++++++++'globe'+=>+true,
++++];
++++$attributes+=+array_reduce(
++++++++++++array_keys(+$attributeCollection+)+,
++++++++++++fn(+$carry+,+$name+)+=>+vsprintf(
++++++++++++++++'%25s+%25s="%25s"'+,+[
++++++++++++++++++++$carry+,
++++++++++++++++++++$name+,
++++++++++++++++++++$attributeCollection[+$name+]+,
++++++++++++++++])
++++++++)
++++$markup+=+'<marquee'+.+$attributes+.+'></blink>';
++++echo+$markup;|code-block|syntax|javascript|47516|使用函数|47517|++++<?php
++++function+attributes+(?array+$in+=+null):+string
++++{
++++++++$in+??=+[];
++++++++$out+=+'';
++++++++$out+.=+array_reduce(
++++++++++++array_keys(+$in+)+,
++++++++++++fn(+$carry+,+$name+)+=>+vsprintf(
++++++++++++++++++++'%25s+%25s="%25s"'+,
++++++++++++++++++++[
++++++++++++++++++++++++$carry+,
++++++++++++++++++++++++$name+,
++++++++++++++++++++++++$in[+$name+]+,
++++++++++++++++++++]
++++++++++++++++)
++++++++);
++++++++return+$out;
++++}

++++$attributes+=+[
++++++++'speed'+=>+'slow',
++++++++'ball'+=>+false,
++++++++'globe'+=>+true,
++++];
++++$markup+=+'<marquee'+.+attributes(+$attributes+)+.+'></blink>';
++++echo+$markup;|47518|支持布尔值|47519|++++<?php
++++function+attributes+(?array+$in+=+null):+string
++++{
++++++++$in+??=+[];
++++++++$out+=+'';
++++++++$out+.=+array_reduce(
++++++++++++array_keys(+$in+)+,
++++++++++++fn(+$carry+,+$name+)+=>+is_bool($in[$name])+&&+true+!==+$in[$name]
++++++++++++#+fn(+$carry+,+$name+)+=>+!$in[$name]
+++++++++++++++?+$carry
+++++++++++++++:+vsprintf(
++++++++++++++++++++'%25s+%25s="%25s"'+,
++++++++++++++++++++[
++++++++++++++++++++++++$carry+,
++++++++++++++++++++++++$name+,
++++++++++++++++++++++++is_bool($in[$name])+?+$name+:+$in[+$name+]+,
++++++++++++++++++++]
++++++++++++++++)
++++++++);
++++++++return+$out;
++++}

++++$attributes+=+[
++++++++'speed'+=>+'slow',
++++++++'ball'+=>+false,
++++++++'globe'+=>+true,
++++];
++++$markup+=+'<marquee'+.+attributes(+$attributes+)+.+'></blink>';
++++echo+$markup;|47520|entityMap|0|LINK|mutability|MUTABLE|url|https://php.net/array_reduce^0|K|C|E|I|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@$9|13|A|14|1|15]]|E|$]]|$1|F|3|G|5|H|7|16|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|17|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|18|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|19|8|@]|D|@]|E|$]]|$1|Q|3|R|5|H|7|1A|8|@]|D|@]|E|$I|J]]|$1|S|3|-4|5|6|7|1B|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]]]

Something I didn't see yet, using <a href="https://php.net/array_reduce" rel="nofollow noreferrer">php's <code>array_reduce</code></a>.
<pre class="lang-php prettyprint-override"><code> &lt;?php
 $attributeCollection = [
 'speed' =&gt; 'slow',
 'ball' =&gt; false,
 'globe' =&gt; true,
 ];
 $attributes = array_reduce(
 array_keys( $attributeCollection ) ,
 fn( $carry , $name ) =&gt; vsprintf(
 '%s %s=&quot;%s&quot;' , [
 $carry ,
 $name ,
 $attributeCollection[ $name ] ,
 ])
 )
 $markup = '&lt;marquee' . $attributes . '&gt;&lt;/blink&gt;';
 echo $markup;
</code></pre>
Using a function
<pre class="lang-php prettyprint-override"><code> &lt;?php
 function attributes (?array $in = null): string
 {
 $in ??= [];
 $out = '';
 $out .= array_reduce(
 array_keys( $in ) ,
 fn( $carry , $name ) =&gt; vsprintf(
 '%s %s=&quot;%s&quot;' ,
 [
 $carry ,
 $name ,
 $in[ $name ] ,
 ]
 )
 );
 return $out;
 }

 $attributes = [
 'speed' =&gt; 'slow',
 'ball' =&gt; false,
 'globe' =&gt; true,
 ];
 $markup = '&lt;marquee' . attributes( $attributes ) . '&gt;&lt;/blink&gt;';
 echo $markup;
</code></pre>
Supporting booleans
<pre class="lang-php prettyprint-override"><code> &lt;?php
 function attributes (?array $in = null): string
 {
 $in ??= [];
 $out = '';
 $out .= array_reduce(
 array_keys( $in ) ,
 fn( $carry , $name ) =&gt; is_bool($in[$name]) &amp;&amp; true !== $in[$name]
 # fn( $carry , $name ) =&gt; !$in[$name]
 ? $carry
 : vsprintf(
 '%s %s=&quot;%s&quot;' ,
 [
 $carry ,
 $name ,
 is_bool($in[$name]) ? $name : $in[ $name ] ,
 ]
 )
 );
 return $out;
 }

 $attributes = [
 'speed' =&gt; 'slow',
 'ball' =&gt; false,
 'globe' =&gt; true,
 ];
 $markup = '&lt;marquee' . attributes( $attributes ) . '&gt;&lt;/blink&gt;';
 echo $markup;
</code></pre>

I'm building a basic form building class to speed my workflow up a bit and I'd like to be able to take an array of attributes like so:

<pre><code>$attributes = array(
 "type" =&gt; "text",
 "id" =&gt; "contact-name",
 "name" =&gt; "contact-name",
 "required" =&gt; true
);
</code></pre>

and map that to the attributes of a html element:

<pre><code>&lt;input type="text" id="contact-name" name="contact-name" required /&gt;
</code></pre>

EDIT:

What is the cleanest way of achieving the above? I'm sure I could cobble something together with a loop and some concatenation but I get the feeling printf or similar could do it in a more elegant manner.

How do I map an associative array to html element attributes?

我正在构建一个基本的表单构建类来加快我的工作流程，并且我希望能够采用如下的属性数组：$attributes = array(   "type"         => "text",   "id"           => "contact-name",   "name"         => "contact-name",   "required"     => true);并将其映射到html元

问如何将关联数组映射到html元素属性？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将关联数组映射到html元素属性？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将关联数组映射到html元素属性？
EN